Eleventy
Eleventy (11ty) turns your templates into static HTML at build time, so a Formstork form drops straight into any Nunjucks or Liquid file and works with zero JavaScript.
Add the form
Save this inside a template or layout, for example 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>
The same markup works unchanged in a .liquid template. There are no {{ }} expressions in this form, so nothing collides with Nunjucks or Liquid syntax.
Step by step
- Sign up at app.formstork.com and copy your free access key from the dashboard.
- Open a Nunjucks (
contact.njk) or Liquid (contact.liquid) template in your Eleventy input folder, or a shared layout under_includes. - Paste the form above and replace
YOUR_ACCESS_KEYwith your key. - Start Eleventy with
npx @11ty/eleventy --serveand open the page in your browser. - Send a test message and confirm it lands in your inbox.
That is the whole setup. The form posts directly to Formstork, so there is no client-side code to ship and nothing to maintain. The free plan covers 250 submissions a month, which is plenty for most contact and feedback forms.