Add a Form Backend to Your Eleventy Site — Simple and Fast

Eleventy (11ty) is beloved for its simplicity and flexibility as a static site generator. FormsList matches that philosophy by providing a form backend that requires zero configuration on the Eleventy side — just an HTML form in your template. Whether you're using Nunjucks, Liquid, Handlebars, or plain HTML templates in Eleventy, adding a FormsList form is the same: include a form element with the action attribute set to your FormsList endpoint. No Eleventy plugins, no build steps, no JavaScript. FormsList pairs naturally with Eleventy's "bring your own everything" approach. There's no vendor lock-in, no framework-specific SDK, and no magic. Your form is HTML. Your backend is FormsList. Your submissions arrive via email, Slack, or wherever you configure them.

Setup Eleventy with FormsList

1

Create a FormsList endpoint

Sign up at FormsList and create a new form. Copy the endpoint URL.

https://formslist.com/f/YOUR_FORM_ID
2

Add the form to an Eleventy template

Add a form to any Eleventy template (Nunjucks, Liquid, Handlebars, or HTML). Set the action to your FormsList endpoint URL.

{# contact.njk #}
---
layout: base.njk
title: Contact
---
<form action="https://formslist.com/f/YOUR_FORM_ID" method="POST">
  <input name="name" required />
  <input name="email" type="email" required />
  <textarea name="message" required></textarea>
  <button type="submit">Send</button>
</form>
3

Build, deploy, and configure

Run your Eleventy build and deploy to Netlify, Vercel, or any static host. Configure email notifications and integrations in FormsList.

Why use FormsList with Eleventy?

No Eleventy plugin or npm package required
Works with Nunjucks, Liquid, Handlebars, and HTML templates
Zero JavaScript — pure HTML form
Matches Eleventy's simplicity-first philosophy
Built-in spam protection
Custom redirect after submission

Frequently Asked Questions

Ready to collect form submissions?

Set up your form backend in under a minute. No server required, no complex configuration — just a simple endpoint for your forms.