HTML

Tek ihtiyacınız olan sade bir HTML formudur, JavaScript gerekmez.

<form action="https://api.formstork.com/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <input type="hidden" name="subject" value="New message from my website">
  <input type="hidden" name="redirect" value="https://yoursite.com/thanks">

  <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>

Gönderimden sonra ziyaretçi redirect URL’nize yönlendirilir. Bunun yerine Formstork’un varsayılan teşekkür sayfasını göstermek için bu alanı kaldırın veya yanıtı JavaScript ile ele alın.

Daha kısa bir form mu tercih edersiniz? Anahtarı URL’ye koyun ve gizli alanı atlayın:

<form action="https://api.formstork.com/f/YOUR_ACCESS_KEY" method="POST">

Her iki stil de aynı şekilde çalışır, size hangisi daha okunaklı geliyorsa onu kullanın.

Sayfadan ayrılmadan başarı mesajı gösterme

<form id="form" action="https://api.formstork.com/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>
  <button>Send</button>
</form>
<p id="result"></p>

<script>
  const form = document.getElementById("form");
  form.addEventListener("submit", async (e) => {
    e.preventDefault();
    const res = await fetch(form.action, {
      method: "POST",
      body: new FormData(form),
      headers: { Accept: "application/json" },
    });
    const data = await res.json();
    document.getElementById("result").textContent = data.message;
    if (data.success) form.reset();
  });
</script>