Eleventy

Eleventy (11ty) şablonlarınızı derleme sırasında statik HTML’e dönüştürür, bu yüzden bir Formstork formu doğrudan herhangi bir Nunjucks veya Liquid dosyasına yapıştırılır ve sıfır JavaScript ile çalışır.

Formu ekleyin

Bunu bir şablonun veya layout’un içine kaydedin, örneğin contact.njk:

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

Aynı işaretleme bir .liquid şablonunda da değişmeden çalışır. Bu formda {{ }} ifadeleri yok, dolayısıyla Nunjucks veya Liquid söz dizimiyle çakışan bir şey olmaz.

Adım adım

1. app.formstork.com adresinden kaydolun ve ücretsiz access key değerinizi panelden kopyalayın.
2. Eleventy giriş klasörünüzde bir Nunjucks (contact.njk) veya Liquid (contact.liquid) şablonu, ya da _includes altında paylaşılan bir layout açın.
3. Yukarıdaki formu yapıştırın ve YOUR_ACCESS_KEY yerine kendi anahtarınızı yazın.
4. Eleventy’yi npx @11ty/eleventy --serve ile başlatın ve sayfayı tarayıcınızda açın.
5. Bir test mesajı gönderin ve gelen kutunuza düştüğünü doğrulayın.

Kurulum bundan ibaret. Form doğrudan Formstork’a gönderim yapar, yani göndermeniz gereken istemci tarafı kod ya da bakımını yapacağınız bir şey yoktur. Ücretsiz plan ayda 250 gönderimi kapsar, ki bu çoğu iletişim ve geri bildirim formu için fazlasıyla yeterlidir.