Formgong

Templates

Free Eleventy (11ty) templates with a working contact form

Website templates for Eleventy 3, written in Nunjucks. Every text sits in one global data file, and the contact form posts straight to Formgong.

Other platforms: HTML · WordPress · Shopify · Astro · Next.js · Nuxt · SvelteKit · Hugo · Ghost. Or see all website templates.

How to install an Eleventy template

  1. Download a template's zip from its card above.
  2. Unzip it, run npm install, then npm run dev and open localhost:8080. npm run build puts the static site in _site/.
  3. Create a free form at formgong.com/new and copy its access key. It starts with fk_ and is safe to put in a web page. Paste it over fk_your_access_key in src/_data/sitedata.json. Every text on the page is in that file.
  4. Send a test message from your site and check that it reaches your Formgong inbox.

The package.json asks for Eleventy 3, and that is its only dependency.

Inside: src/index.njk puts the sections together, src/_includes/sections/ has one Nunjucks include per section, and src/_data/sitedata.json holds every text and the form key.

What to expect

  • Each one is a single page: the home page of the HTML template, split into one component per section. More pages are yours to add the usual Eleventy way.
  • The text lives in one JSON file and there is no CMS, so someone who doesn't write code will be happier with the HTML version or WordPress.
  • They come from our template generator, which turns one HTML design into ten platforms. The code stays plain, with no UI library, the original CSS and one small script.
  • The photos were generated for the templates. Replace them before launch.

One kit for the whole site

The template is the first part. The Formgong account that receives its form and emails you each message can also run a help chat that answers visitors from your own pages, and collect star reviews that show on the site once you approve them. Each part goes in as a key or a short embed code, and you manage all of it from one dashboard.

Tell us what's missing

If your kind of business has no Eleventy template here yet, or a step here doesn't match what you see, email support@formgong.com. We read every message and fix the page, and the next templates we make are the ones people ask for there.

Questions

Which template language do they use?

Nunjucks, for the page and every section. The data comes from one JSON file in src/_data.

Can I add a blog?

Yes, the usual Eleventy way: add a folder of Markdown posts and a layout. The templates ship as one page so they stay small.

Where can I host it?

Anywhere that serves static files: Cloudflare Pages, Netlify or GitHub Pages.

Free plan: 1,000 submissions a month, Telegram alerts at once.Get a free access key