FRAMEWORK

Framer siteniz için form backend

Framer sayfayı tasarlar ama form gönderimlerini işlemez. Formstork, o POST'u alan backend'dir: Formstork'a POST eden bir HTML embed ekleyin, her gönderim size e-posta olarak ulaşsın, aranabilir bir panelde saklansın ve ziyaretçinin e-postası reply-to olarak ayarlansın.

Nasıl çalışır

Framer bir form backend içermez, bu yüzden canvas üzerinde kurduğunuz bir formun verisini gönderecek bir yeri yoktur. Formstork bu boşluğu doldurur: bir Embed component ekleyip tipini HTML yaparsınız, action'ı https://api.formstork.com/submit adresine bakan standart bir form yapıştırırsınız ve formunuzu tanımlayan gizli bir access_key alanı eklersiniz. Biri formu gönderdiğinde Formstork gönderimi saklar, ziyaretçinin adresini reply-to olarak ayarlayıp size e-posta atar ve gönderimi panelinizde aranabilir ve etiketlenebilir hale getirir. Oradan, Framer projesine bir daha dokunmadan gönderimi Slack, Notion, Google Sheets ya da imzalı bir webhook'a iletebilirsiniz. Gizli bir honeypot ve sunucu tarafı spam filtresi çöpü uzak tutar, böylece tasarımınıza reCAPTCHA rozeti koymanıza gerek kalmaz.

html

<!-- Paste into a Framer Embed component, type: HTML -->
<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: hidden from people, tempting to bots -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

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

Eklenti yok, serverless fonksiyon yok

Framer'ın form backend'i yoktur ve hiçbir eklenti size sahip olduğunuz bir backend vermez. Formstork'a POST eden bir HTML embed, tek satır sunucu kodu yazmadan gerçek bir backend ekler.

Her gönderim saklanır ve iletilir

Her gönderim size e-posta olarak gelir ve aranabilir, etiketlenebilir bir panelde saklanır; ziyaretçinin e-postası reply-to olur, böylece doğrudan gelen kutunuzdan yanıt verirsiniz.

Spam halledilir, tasarım el değmeden kalır

Gizli bir honeypot ve sunucu tarafı içerik filtresi botları engeller; böylece Framer düzeninize reCAPTCHA rozeti eklemeden formunuzu ve gelen kutunuzu temiz tutarsınız.

Kurulum

1Formstork panelinde bir form oluşturun ve access key'ini kopyalayın. Ücretsiz plan ayda 250 gönderimi kapsar.
2Framer editöründe canvas'a bir Embed component sürükleyin ve tipini HTML olarak ayarlayın.
3Action'ı Formstork endpoint'ine bakan bir form yapıştırın; access key'inizi tutan gizli bir access_key input ekleyin.
4Siteyi publish edin ve bir test gönderimi yapın. Saniyeler içinde gelen kutunuza ve panelinize düşer.

Sık sorulanlar

Framer'a form backend nasıl eklerim?

Framer'ın yerleşik backend'i yoktur. Tipini HTML yaptığınız bir Embed component ekleyin, action'ı https://api.formstork.com/submit olan ve gizli bir access_key alanı içeren bir form yapıştırın, sonra publish edin. Formstork her gönderimi alır, size e-posta atar ve saklar.

Eklenti veya kod gerekir mi?

Eklenti gerekmez; yalnızca Framer HTML embed'inin içinde duran standart HTML form işaretlemesi yeterli. Deploy edilecek bir serverless fonksiyon ya da bakımını yapacağınız bir şey yok.

Ücretsiz mi?

Evet. Ücretsiz plan; e-posta teslimatı, spam filtresi, entegrasyonlar ve eksiksiz panelle birlikte ayda 250 gönderimi kapsar, kredi kartı gerekmez.

Formstork'u ücretsiz dene

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

Access key'ini al Dokümanları oku