Özel Bir Backend Olmadan Webflow Form Gönderimlerini Nasıl Yönetirsin

Webflow iletişim formu kutudan çıktığı gibi harika görünür, ancak Webflow sana yalnızca form verilerini e-posta ile iletir - girişleri bir veritabanında saklamaz, CRM'ine bağlanmaz ya da özel bir mantık tetiklemez. Temel bir e-posta bildiriminin ötesine geçmen gerekiyorsa, Webflow form gönderimlerini harici bir servis üzerinden yönlendirmen şart. İyi haber şu: bunu tek satır backend kodu yazmadan yapabilirsin.

Webflow Varsayılan Olarak Ne Sunar?

Webflow'un yerleşik form işleyicisi üç şey yapar: site sahibine bir e-posta bildirimi gönderir, başarı mesajı gösterir ve gönderileri Webflow kontrol panelinde kaydeder (ücretli planlarda). Bu, küçük siteler için temel iletişim formlarını karşılar; ancak aşağıdakilerden herhangi birine ihtiyaç duyduğunda yetersiz kalır:

• Formu dolduran kişiye otomatik yanıt gönderimi
• Gönderilerin belirli bir ekip gelen kutusuna veya CRM'e iletilmesi
• Koşullu mantık (örneğin, potansiyel müşterileri ürün ilgisine göre yönlendirme)
• Webflow'un temel honeypot'unun ötesinde spam filtreleme
• Zaman damgaları ve yeniden deneme kayıtlarıyla güvenilir teslimat geçmişi

Bunların hiçbiri yerel olarak mevcut değil. Harici bir katmana ihtiyacın var ve bunu eklemenin üç gerçekçi yolu var.

Yerel Entegrasyonlar - Zapier ve Make

Webflow'un Zapier ve Make (eski adıyla Integromat) ile doğrudan entegrasyonu bulunuyor. Yeni bir form gönderimi geldiğinde tetikleyici devreye girer ve istediğin eylemi zincirleyebilirsin: Google Sheets'e satır ekle, HubSpot'ta kişi oluştur, Slack mesajı gönder ve benzeri.

Bu, kodsuz çalışan tasarımcıların ilk başvurduğu yoldur. Kurulum şu şekilde işler:

1. Webflow'da Proje Ayarları > Entegrasyonlar bölümüne git ve Zapier hesabını bağla.
2. Zapier'de tetikleyici olarak Webflow - New Form Submission seçeneğiyle yeni bir Zap oluştur.
3. İlgili formu adına göre seç.
4. Eylem adımını ekle (Gmail, Slack, Airtable vb.).
5. Gerçek bir gönderimle test et ve Zap'i aktif hale getir.

Make, karmaşık iş akışları için daha uygun maliyetlidir; ancak her iki platform da bir bağımlılık ekler: Zapier veya Make çökerse ya da hesabın limite ulaşırsa, gönderimler sessizce başarısız olur veya kuyruğa girer.

Webflow Webhook Kullanımı

Webflow webhook, daha doğrudan bir yoldur. Webflow, bir form gönderildiğinde belirlediğin bir URL'ye HTTP POST isteği atar. Alıcı endpoint'i sen kontrol ettiğinden, payload ile istediğini yapabilirsin.

Kurulum için:

1. Webflow'da Proje Ayarları > Entegrasyonlar > Webhook'lar bölümüne git.
2. Webhook Ekle'ye tıkla ve Form Submission tetikleyicisini seç.
3. Alıcı servisinin endpoint URL'sini yapıştır.
4. Kaydet ve gerçek bir gönderimle test et.

Webflow'un gönderdiği payload, tüm alan değerlerini, form adını ve site meta verilerini içeren bir JSON nesnesidir. Tipik bir payload şuna benzer:

{
  "name": "Contact Form",
  "site": "my-webflow-site",
  "data": {
    "Name": "Jane Smith",
    "Email": "[email protected]",
    "Message": "Hi, I'd like a quote."
  },
  "submittedAt": "2024-11-15T10:22:00Z"
}

Sorun şu: bu webhook'u alacak bir şeye ihtiyacın var. Seçenekler arasında küçük bir Cloudflare Worker , bir Pipedream iş akışı veya özel bir form backend'i sayılabilir. Kendi alıcını yazmak, bu makalenin çözmeye çalıştığı "özel backend" sorunuyla aynı kapıya çıkar. İşte tam bu noktada form-to-email servisleri en temiz çözüm haline gelir.

Form Endpoint'ini Bir Form Servisiyle Değiştir

Webflow'un form işleyicisini hiç kullanmak yerine, formunun action özelliğini üçüncü taraf bir form servisine yönlendirebilirsin. Servis POST isteğini alır, doğrular, spam'i filtreler ve sonuçları sana e-posta ile iletir. Senin tarafında hiçbir backend gerekmez.

Webflow'daki iş akışı şu şekilde:

1. Webflow Designer'da form öğeni seç.
2. Form Ayarları panelinde Eylem alanını form servisinin endpoint URL'siyle doldur (örneğin, https://sendform.net/!your-form-id ).
3. Yöntem'i POST olarak ayarla.
4. Her giriş alanının bir name özelliğine sahip olduğundan emin ol - Webflow bunları varsayılan olarak zaten ekler.
5. Siteyi yayınla ve bir gönderim yaparak test et.

Bu yaklaşım Webflow'un form işleyicisini tamamen devre dışı bırakır. Gönderim, ziyaretçinin tarayıcısından doğrudan form servisine gider. E-postayı alırsın, servis yeniden denemeleri ve spam'i yönetir; Webflow ise yalnızca arayüz katmanı olarak kalır.

Aynı yöntem tüm statik veya kodsuz siteler için de geçerlidir. GitHub Pages veya Cloudflare Pages üzerinde barındırıyorsan, çalışan iletişim formlarıyla ücretsiz statik site barındırma makalesi tam olarak aynı yaklaşımı ele alıyor.

Sendform ve Alternatifler

Webflow ile uyumlu birçok form servisi var. İşte iletişim formu kurulumu açısından gerçekten önemli olan konularda ana seçeneklerin karşılaştırması:

Sendform, tabloya sığmayan birkaç somut nedenle öne çıkıyor:

• Sürtünmesiz kurulum: Önce hesap oluşturmadan bir form endpoint URL'si alırsın. Bunu Webflow'un Eylem alanına yapıştır ve işin bitti.
• Varsayılan olarak gönderim saklamaz: Sendform verileri e-posta ile iletir ve sunucularında saklamaz; bu da GDPR uyumluluğu için doğru varsayılandır. Formspree gibi rakipler tüm gönderileri kontrol panellerinde depolar, yani kullanıcılarının verileri süresiz olarak üçüncü taraf bir sunucuda yaşar.
• Geliştirici dostu ama kodsuz kullanılabilir: Zapier'den farklı olarak bakım gerektiren bir iş akışı yok. Netlify Forms'tan farklı olarak belirli bir barındırma sağlayıcısına bağlı değil - Webflow, GitHub Pages veya herhangi bir başka barındırıcıyla çalışır.
• Dürüst ücretsiz plan: Seni ücretli plana yönlendirmek için diğer servislerin kullandığı "yönlendirmeyi açmak için yükselt" gibi gizli duvarlar yok.

Hangi Yöntemi Seçmelisin?

Doğru cevap, form gönderildikten sonra gerçekte neye ihtiyaç duyduğuna bağlı:

• Yalnızca e-posta bildirimleri: Sendform'u kullan. Endpoint URL'sini Webflow'un Eylem alanına yapıştır, iki dakikada bitti.
• E-posta + CRM veya elektronik tablo senkronizasyonu: E-posta teslimatı için Sendform'u kullan; isteğe bağlı olarak gelen e-posta tarafından tetiklenen bir Zapier adımı ekle ya da planında mevcutsa Sendform'un webhook çıktısını kullan.
• Karmaşık çok adımlı otomasyon: Make veya Zapier'e yönlendiren bir Webflow webhook burada mantıklıdır; ancak ücretli plan için bütçe ayır.
• Zaten Netlify kullanıyorsan: Netlify Forms basit durumlar için yeterlidir, ancak aktif herhangi bir sitede aylık 100 limitine hızla ulaşırsın.

Webflow iletişim formlarının büyük çoğunluğu için - gelen kutuna güvenilir biçimde ulaşması gereken bir ad, e-posta ve mesaj alanından oluşan formlar - Sendform en hızlı ve en temiz yoldur. Backend yok, takip etmen gereken aylık görev limiti yok, silmeyi unuttuğun bir üçüncü taraf kontrol panelinde oturan gönderim verisi yok.

Webflow iletişim formunu backend yazmadan yönet

Sendform, doğrudan Webflow'un Eylem alanına yapıştırabileceğin hazır bir form endpoint'i sunar - Webflow form gönderimlerini anında gelen kutunda alırsın; spam filtreleme ve GDPR uyumlu varsayılanlar dahildir.

Sendform'u Ücretsiz Dene →