FRAMEWORK

Webflow formunuza custom action ve gerçek bir backend verin

Webflow'un yerleşik form işleme sistemi her gönderimi Webflow üzerinden geçirir ve verinizi kendi tarafında tutar. Bunun yerine Formstork'a POST eden bir custom form action ayarlayın; her gönderim, Webflow limitleri araya girmeden e-posta kutunuza ve aranabilir bir panele ulaşır.

Nasıl çalışır

Webflow formları varsayılan olarak Webflow'a gönderim yapar ve Designer, yerleşik bir formun action'ını dışarıdaki bir URL'e yönlendirmenize izin vermez. Custom action ayarlamanın güvenilir yolu, sade bir HTML form içeren bir Embed (Code) öğesidir. O formun action'ı bir Formstork uç noktasıdır ve gizli access_key alanı, POST'un hangi forma ait olduğunu Formstork'a bildirir. Formstork gönderimi alır, ziyaretçinin e-postasını reply-to olarak ayarlayıp size e-postayla iletir ve aranabilir, etiketlenebilir bir panelde saklar. Embed doğrudan Formstork'a POST ettiği için Webflow'un kendi form işleme sistemi ve gönderim limitleri tamamen devre dışı kalır.

html

<!-- Paste into a Webflow Embed (Code) element -->
<form action="https://api.formstork.com/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">

  <label>Name
    <input type="text" name="name" required>
  </label>
  <label>Email
    <input type="email" name="email" required>
  </label>
  <label>Message
    <textarea name="message" required></textarea>
  </label>

  <!-- Honeypot: bots fill this, real visitors never see it -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

  <button type="submit">Send</button>
</form>

Webflow'un form limitlerini atlayın

Webflow, alt planlarda yerleşik form gönderimlerini sayar, sınırlar ve o veriyi kendi tarafında tutar. Embed form doğrudan Formstork'a POST eder; böylece gönderimler Webflow'un form işleme sistemine hiç dokunmaz ve limitleri geçerli olmaz.

Kutunuzdan yanıtlayın, her şeyi saklayın

Her gönderim, ziyaretçinin adresi reply-to olarak ayarlanmış şekilde size e-posta olur; yalnızca yanıtla dersiniz. Formstork ayrıca her kaydı aranabilir, etiketlenebilir bir panelde saklar; filtreleyip CSV ya da JSON olarak dışa aktarabilirsiniz.

Spam size ulaşmadan filtrelenir

Formdaki gizli honeypot ve sunucu tarafındaki içerik filtresi, botların çoğunu görünür bir doğrulama olmadan eler. Daha sıkı bir kapı istediğinizde isteğe bağlı Turnstile, hCaptcha ya da reCAPTCHA ekleyin.

Kurulum

1Access key'inizi Formstork panelinden alın. Bir form oluşturun, access key'ini kopyalayın ve YOUR_ACCESS_KEY yerine yapıştırın. Ücretsiz plan ayda 250 gönderimi kapsar, kredi kartı gerekmez.
2Webflow Designer'da, formun duracağı yere bir Embed (Code) öğesi sürükleyin ve yukarıdaki HTML'i yapıştırın. Custom form action'ı size veren budur, yerleşik bir Webflow formu değil.
3Siteyi yayınlayın. Webflow, embed'leri yalnızca yayınlanmış URL'de çalıştırır; bu yüzden Designer tuvalindeyken form gönderim yapmaz.
4Yayındaki sayfayı açın ve bir test gönderin. Gönderim, ziyaretçinin e-postası reply-to olarak ayarlanmış şekilde hem e-posta kutunuza hem Formstork panelinize düşer. İsteğe bağlı: Slack, Google Sheets ya da başka bir entegrasyon bağlayın.

Sık sorulanlar

Webflow'da custom form action ayarlayabilir miyim?

Yerleşik bir Webflow formunda değil; Designer onları Webflow'a yönelik tutar. Custom action kullanmanın yolu, action'ı bir Formstork uç noktası olan sade bir HTML form içeren bir Embed (Code) öğesidir. O form doğrudan Formstork'a POST eder ve Webflow'un form işlemesini atlar.

Webflow'un form gönderim limitleri yine de geçerli mi?

Hayır. Embed form doğrudan Formstork'a POST ettiği için gönderim Webflow'un form işlemesinden hiç geçmez, dolayısıyla plan başına limitleri onu saymaz. Hacminiz bunun yerine Formstork planınıza bağlıdır; ücretsiz planda ayda 250 gönderimden başlar.

Webflow'un ücretli form özellikleri ya da bir sunucu gerekir mi?

Hayır. Form, bir Embed öğesindeki sade HTML'dir ve onu alan barındırılan backend Formstork'tur; yani çalıştıracağınız bir sunucu ya da Webflow'un form eklentilerine bağımlılık yoktur. E-posta iletimi, spam filtreleme, dışa aktarma ve entegrasyonların tümünü Formstork yürütür.

Formstork'u ücretsiz dene

Tam panelle ayda 250 gönderim. Kredi kartı gerekmez.

Access key'ini al Dokümanları oku