FRAMEWORK

Jekyll sitenize bir form backend'i ekleyin

Formstork, Jekyll iletişim formunuzdan gelen gönderimleri alır, her birini size e-postayla iletir ve tüm mesajları aranabilir bir panelde saklar. Jekyll statik HTML üretir, yani çalıştıracak sunucu ve yazacak backend kodu yoktur.

Nasıl çalışır

Jekyll, Markdown ve Liquid şablonlarınızı derleme sırasında statik HTML'e çevirir ve GitHub Pages'in arkasındaki motordur; GitHub Pages ise hiçbir sunucu kodu çalıştıramaz. Bu yüzden sayfanızdaki bir formun HTML'i vardır ama ziyaretçilerin yazdıklarını gönderecek bir yeri yoktur. Formstork, POST'u alan backend'dir. Sade bir HTML formunu bir layout'a, bir include'a ya da bir sayfaya yerleştirir, action değerini bir Formstork uç noktasına yönlendirir ve access key'inizi gizli bir alan olarak eklersiniz. Formstork da her gönderimi size e-postayla iletir, ziyaretçinin e-postasını reply-to olarak ayarlar ve mesajı aranabilir, etiketlenebilir bir panele kaydeder. İstemci tarafında JavaScript içermeyen normal bir form POST'u olduğu için GitHub Pages, Netlify, Cloudflare Pages ya da herhangi bir statik host'ta çalışır. Spam filtresini, bir otomatik yanıtı ya da Slack veya Google Sheets gibi bir entegrasyonu istediğinizde açarsınız.

html

<!-- _includes/contact-form.html
     Your access key is public, so it is safe to commit and ship. -->
<form action="https://api.formstork.com/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />

  <input type="text" name="name" placeholder="Your name" required />
  <input type="email" name="email" placeholder="you@example.com" required />
  <textarea name="message" placeholder="Your message" required></textarea>

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

<!-- Include it anywhere with: {% include contact-form.html %} -->

GitHub Pages'te çalışır

GitHub Pages, Jekyll'i çalıştırır ama hiçbir sunucu kodu yürütemez; bu yüzden oradaki bir formun kendi başına POST edecek bir yeri yoktur. Formstork onu alan backend'dir; böylece GitHub Pages siteniz, kendinize ait bir serverless fonksiyon ya da form işleme servisi olmadan gönderim toplar.

Her mesaj saklanır ve aranabilir

E-posta kutusunun ötesinde Formstork her gönderimi aranabilir, etiketlenebilir bir panelde saklar; filtreleyebilir, CSV ya da JSON olarak dışa aktarabilirsiniz. Ücretsiz plan ayda 250 gönderimi 90 günlük saklama süresiyle tutar, ücretli planlar ise sonsuza dek saklar.

Spam size ulaşmaz

Gizli bir honeypot, sunucu tarafında bir içerik filtresi ve isteğe bağlı Turnstile, hCaptcha ya da reCAPTCHA botları uzak tutar. İşaretlenen gönderimler panelinizde tutulur ve size hiç e-posta olmaz; böylece gelen kutunuz temiz kalır.

Kurulum

1Jekyll sitenize sade bir HTML formu ekleyin; bunu _includes/contact-form.html gibi bir include'da, bir layout'ta ya da doğrudan bir sayfada, name, email, message gibi alanlarla yapabilirsiniz.
2Formun action değerini https://api.formstork.com/submit adresine yönlendirin ve access key'inizi gizli bir access_key alanı olarak ekleyin, ya da anahtarı _config.yml'de tutup site.access_key ile okuyun. Kısa /f/YOUR_ACCESS_KEY URL'i de çalışır.
3bundle exec jekyll serve ile çalıştırın ve bir kez test amaçlı gönderin. Mesaj, ziyaretçinin e-postası reply-to olarak ayarlanmış şekilde hem gelen kutunuza hem de Formstork panelinize düşer.
4İsteğe bağlı: bir otomatik yanıt açın ya da Slack, Google Sheets gibi bir entegrasyonu bağlayın.

Sık sorulanlar

Jekyll sitesine nasıl iletişim formu eklerim?

Bir include, layout ya da sayfaya sade bir HTML formu ekleyin, action değerini https://api.formstork.com/submit adresine yönlendirin ve access key'inizi gizli bir access_key alanı olarak ekleyin. Formstork POST'u alır, gönderimi ziyaretçinin e-postası reply-to olacak şekilde size e-postayla iletir ve panelinizde saklar. Jekyll statik HTML ürettiği için bu, sunucu ve backend kodu olmadan çalışır.

GitHub Pages'te çalışır mı?

Evet. GitHub Pages sunucu kodu çalıştıramaz, ama form harici bir uç nokta olan Formstork'a POST ettiği için buna gerek yoktur. Jekyll siteniz tamamen statik kalır ve her gönderim yine gelen kutunuza ve panelinize ulaşır.

Ücretsiz mi?

Evet, ücretsiz plan tam panel ve 90 günlük saklama ile ayda 250 gönderim içerir. Ücretli planlar daha yüksek hacim, kalıcı saklama, otomatik yanıtlar ve dosya yükleme/ek desteği ekler.

Formstork'u ücretsiz dene

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

Access key'ini al Dokümanları oku