FRAMEWORK

Astro sitenize bir form backend'i ekleyin

Formstork, Astro formunuzdan gelen gönderimleri alır, her birini size e-postayla iletir ve tüm mesajları aranabilir bir panelde saklar. Çalıştıracak sunucu, yazacak backend kodu yok.

Nasıl çalışır

Astro varsayılan olarak statik HTML üretir; yani formunuzun HTML'i vardır ama insanların yazdıklarını alacak bir backend'i yoktur. Formstork, POST'u alan backend'dir. Formunuz alanlarını access key'inizle bir Formstork uç noktasına gönderir; Formstork da her gönderimi size e-postayla iletir, ziyaretçinin e-postasını reply-to olarak ayarlar ve mesajı aranabilir bir panele kaydeder. Sade bir form istemci tarafında JavaScript gerektirmediğinden tamamen statik bir Astro derlemesinde çalışır; istemci tarafında bir fetch tercih ederseniz bir island ya da API route üzerinden de çalışır. Spam filtresini, otomatik yanıtları ya da Slack veya Google Sheets gibi bir entegrasyonu istediğinizde açarsınız.

html

---
// src/components/ContactForm.astro
// Your access key is public, so it is safe to ship in the markup.
const ACCESS_KEY = "YOUR_ACCESS_KEY";
---

<form action="https://api.formstork.com/submit" method="POST">
  <input type="hidden" name="access_key" value={ACCESS_KEY} />

  <input type="text" name="name" required />
  <input type="email" name="email" required />
  <textarea name="message" required></textarea>

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

JavaScript olmadan çalışır

Formstork normal bir form POST'unu aldığı için Astro formunuz istemci tarafında JavaScript'e ihtiyaç duymaz ve tamamen statik bir derlemede çalışmaya devam eder. İstemci tarafında bir başarı mesajı istediğinizde aynı alanları bir island ya da API route üzerinden yollarsınız.

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 Spam sekmesine gider ve size hiç e-posta olmaz; böylece gelen kutunuz temiz kalır.

Kurulum

1Formunuzu bir Astro bileşeni içinde sade HTML olarak oluşturun (name, email, message gibi alanlarla).
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 kısa /f/YOUR_ACCESS_KEY URL'ini kullanın).
3Bir kez test amaçlı gönderin. Mesaj hem e-posta kutunuza hem de Formstork panelinize, ziyaretçinin e-postası reply-to olarak ayarlanmış şekilde düşer.
4İsteğe bağlı: ziyaretçileri bir teşekkür sayfasına yollamak için gizli bir redirect alanı ekleyin ya da Slack, Google Sheets gibi bir entegrasyonu bağlayın.

Sık sorulanlar

Astro'da form gönderimlerini nasıl yönetirim?

Formunuzun action değerini bir Formstork uç noktasına yönlendirin ve access key'inizi gizli bir alan olarak ekleyin. Formstork POST'u alır, gönderimi size e-postayla iletir ve panelinizde saklar. Astro statik HTML ürettiği için bu, sunucu ve backend kodu olmadan çalışır.

Gönderimleri almak için API route ya da SSR gerekir mi?

Hayır. Sade bir form doğrudan Formstork'a POST eder; yani tamamen statik bir Astro sitesi API route ya da SSR olmadan çalışır. İstemci tarafında bir başarı mesajı isterseniz aynı alanları bir island ya da API route üzerinden 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