FRAMEWORK

Hugo sitenize bir form backend'i ekleyin

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

Nasıl çalışır

Hugo, içeriğinizi derleme sırasında statik HTML'e çevirir, arkasında bir sunucu ya da runtime yoktur. Bu yüzden sayfanızdaki bir formun HTML'i vardır ama insanların yazdıklarını gönderecek bir yeri yoktur. Formstork, POST'u alan backend'dir. Sade bir HTML formunu bir layout'a, bir partial'a, bir shortcode'a ya da bir içerik sayfasına 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 Hugo'yu deploy ettiğiniz her yerde (GitHub Pages, Netlify, Cloudflare Pages) çalışır. Spam filtresini, bir otomatik yanıtı ya da Slack veya Google Sheets gibi bir entegrasyonu istediğinizde açarsınız.

html

{{/* layouts/partials/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>

{{/* Render it anywhere with: {{ partial "contact-form.html" . }} */}}

Statik sitenizin arkasında sunucu yok

Hugo runtime olmadan statik HTML üretir, form POST'unu da Formstork alır; böylece kendinize ait bir serverless fonksiyon ya da form işleme servisi eklemezsiniz. GitHub Pages, Netlify, Cloudflare Pages ya da herhangi bir statik host'a deploy edin, aynı form çalışmaya devam eder.

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

1Hugo sitenize sade bir HTML formu ekleyin; bunu layouts/partials/contact-form.html gibi bir partial'da, bir shortcode'da ya da doğrudan bir içerik sayfasında, 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ı site config'inizde tutup template içinde okuyun. Kısa /f/YOUR_ACCESS_KEY URL'i de çalışır.
3hugo server 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

Hugo sitesine nasıl iletişim formu eklerim?

Bir partial, shortcode ya da içerik sayfasına 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. Hugo statik HTML ürettiği için bu, sunucu ve backend kodu olmadan çalışır.

Gönderimleri almak için serverless fonksiyon gerekir mi?

Hayır. Sade bir form doğrudan Formstork'a POST eder, yani tamamen statik bir Hugo derlemesi serverless fonksiyona, form işleme host'una ya da SSR'a ihtiyaç duymaz. Sayfa yönlendirmesi olmadan istemci tarafında bir başarı mesajı isterseniz aynı alanları küçük bir script'ten fetch ile de gönderebilirsiniz.

Ücretsiz mi?

Evet. Ücretsiz plan ayda 250 gönderim, e-posta teslimi, spam filtresi, entegrasyonlar, CSV ve JSON dışa aktarımı ve 90 günlük saklama penceresi içerir; kredi kartı gerekmez. Ücretli planlar daha fazla hacim, sonsuz saklama, otomatik yanıtlar ve dosya yüklemeleri ekler.

Formstork'u ücretsiz dene

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

Access key'ini al Dokümanları oku