Formstorkdok
FiyatlandırmaENTRPanel

HTML formunu e-postaya gönderme

Sade HTML ile yazılmış bir iletişim formunuz var ve her gönderinin gelen kutunuza düşmesini istiyorsunuz. HTML tek başına e-posta gönderemez; bir <form> alanları toplayabilir, ama bunları alıp e-postayı iletecek bir şeye ihtiyaç vardır. O “bir şey” form arka ucudur. Formstork ile formunuzu bir uç noktaya yönlendirirsiniz ve e-posta sizin adınıza gönderilir, çalıştıracak sunucu ve yazacak arka uç kodu olmadan.

Her şey tek parça

<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, humans don't. Keep it hidden. -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

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

Kurulumun tamamı budur. Bir ziyaretçi gönderim yaptığında Formstork, gönderiyi doğrulanmış adresinize e-postayla iletir ve panelinizde saklar. PHP yok, Node sunucusu yok, SMTP yapılandırması yok.

Adım adım

  1. Bir access key alın. Ücretsiz bir hesap oluşturun ve formunuzun access key değerini kopyalayın. Ücretsiz plan ayda 250 gönderi içerir.
  2. Formu uç noktaya yönlendirin. action değerini https://api.formstork.com/submit olarak ayarlayın ve anahtarınızı gizli bir access_key alanı olarak ekleyin (veya kısa URL biçimini, https://api.formstork.com/f/YOUR_ACCESS_KEY, kullanıp gizli alanı atlayın).
  3. Alanlarınızı adlandırın. Adı olan her girdi e-postada bir satıra dönüşür: name, email, message veya eklediğiniz başka bir şey.
  4. Doğrulamak için bir kez gönderin. Bir test gönderisi yapın ve gelen kutunuzu kontrol edin. Ayrıca Formstork panelinizde de görünür.

Konu ve yanıtla adresini ayarlama

Birkaç gizli alan, e-postayı almayı daha keyifli hale getirir:

<input type="hidden" name="subject" value="New message from my website">
<input type="hidden" name="from_name" value="My Website">
<input type="email" name="email" required>

Formstork, ziyaretçinin email alanını yanıtla adresi olarak kullanır, böylece doğrudan gelen kutunuzdan yanıt verebilirsiniz ve yanıtınız gönderene ulaşır.

Ziyaretçiyi bir teşekkür sayfasına yönlendirme

İnsanları gönderimden sonra kendi sayfanıza yönlendirmek için bir redirect alanı ekleyin:

<input type="hidden" name="redirect" value="https://yoursite.com/thanks">

Formstork’un varsayılan teşekkür sayfasını göstermek için bunu kaldırın veya sayfadan ayrılmadan bir mesaj göstermek için yanıtı JavaScript ile ele alın.

Spam’i gelen kutunuzdan uzak tutma

Yukarıdaki gizli botcheck honeypot’u çoğu botu tek başına durdurur. Formstork ayrıca her gönderide sunucu tarafında bir spam filtresi çalıştırır ve form başına hCaptcha veya Turnstile gerektirebilir, reCAPTCHA gerekmez. İşaretlenen her şey Spam sekmenize gider ve e-posta göndermez.

Gönderiler başka nereye gidebilir?

E-posta varsayılandır, ama aynı gönderi Slack, Discord, Google Sheets, Telegram veya bir HMAC ile imzalanmış webhook adresine de gönderilebilir; birini açın ve her gönderi otomatik olarak dağılsın.

Framework’ler

Sade HTML yerine React, Vue, Svelte, Next.js veya Astro mı kullanıyorsunuz? Uç nokta aynıdır; tipli SDK’lar ve kopyala-yapıştır kod parçaları için framework rehberlerine bakın.

İlkini göndermeye hazır mısınız? Ücretsiz access key’inizi alın.