Astro

Astro varsayılan olarak statik HTML üretir, ki bu tam olarak Formstork’un ihtiyaç duyduğu şeydir. Düz bir form, istemci tarafı JavaScript olmadan çalışır.

---
// src/components/Contact.astro
const ACCESS_KEY = import.meta.env.FORMSTORK_KEY;
---

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

  <input type="email" name="email" required />
  <textarea name="message" required></textarea>
  <button type="submit">Send</button>
</form>

.env dosyanızda FORMSTORK_KEY değerini ayarlayın. Access key açığa çıkarılmasında sakınca olmayan bir değer olduğundan, onu doğrudan koda da yazabilirsiniz.

İstemci tarafı başarı mesajıyla

Sayfayı yeniden yüklemeden yanıtı işlemek için bir Astro <script> kullanın. Bu desen için HTML rehberine bakın; Astro’da da aynı şekilde çalışır.