Where should an Eleventy form endpoint live?

Use a data file or environment-specific data source, then render the endpoint in a Nunjucks include or layout.

Does Eleventy need a form plugin?

No. Form Plume handles email notifications, storage, spam filtering, uploads, integrations, and webhooks after submit.

Can Eleventy forms upload files?

Yes. Add enctype="multipart/form-data" and a named file input, then let the browser send multipart data to Form Plume.

What should I check after an Eleventy build?

Inspect the generated _site HTML for the endpoint, method, field names, hidden fields, redirect path, and enctype.

Does Form Plume work with Eleventy?

Yes. Form Plume gives you one endpoint that works from your Eleventy site. Start with the quickstart docs, then drop the endpoint into your form.

Where do Eleventy form submissions go in Form Plume?

Submissions are stored in your Form Plume dashboard, sent to your email, and can trigger integrations like webhooks, Slack, Discord, Google Sheets, Mailchimp, and ActiveCampaign. See the feature overview for the full flow.

Can I try Form Plume before wiring it into my Eleventy site?

Yes. You can create an endpoint on the free plan, test it from localhost, preview, or a staging URL, and upgrade only when your form volume or team needs grow. Compare limits on pricing or ask a question on the contact page.

New:Build with AI agents

Eleventy contact forms
without serverless functions.

Keep your Eleventy site static and point the generated form at Form Plume for email notifications, dashboard storage, spam filtering, file uploads, integrations, and signed webhooks.

Free foreverNo credit cardEleventy endpoint ready in under a minute

_includes/partials/contact-form.njk

<form action="{{ formplume.endpoint }}" method="POST">
  <input type="hidden" name="source" value="eleventy">
  <input name="name" autocomplete="name" required>
  <input name="email" type="email" autocomplete="email" required>
  <textarea name="message" required></textarea>
  <button type="submit">Send</button>
</form>

The full guide

A hosted backend for Eleventy includes.

Use Eleventy data and includes to generate a plain form that works from any static host.

1
Create your Form Plume accountStart free and give your Eleventy form a hosted endpoint for email, submissions, spam filtering, uploads, integrations, and webhooks.Start free
2
Create the form and copy the endpointCopy the endpoint URL from Form Plume. It looks like https://api.formplume.com/f/your-slug
3
Connect it inside EleventyPut the endpoint in Eleventy data, render it in a Nunjucks include or layout, build the site, and verify the generated HTML. Send one test submission from the real Eleventy app or preview environment and confirm it reaches Form Plume.

You can use this AI prompt to hand the platform-specific wiring to an assistant without accidentally creating a backend.

You are helping me integrate a Eleventy contact form with Form Plume.

Important:
- Do not create a Form Plume account or form for me.
- If I have not provided a Form Plume endpoint yet, stop and ask me for it.
- Tell me to get the endpoint by signing up at https://formplume.com/signup, creating a form, copying the endpoint URL, and pasting it back into this chat.
- Only update code after I provide the endpoint or explicitly confirm the placeholder should stay.

FORM_PLUME_ENDPOINT="PASTE_YOUR_FORM_PLUME_ENDPOINT_HERE"

After the endpoint is available:
- Set the form action or submission target to FORM_PLUME_ENDPOINT.
- Use method="POST" for a plain HTML form.
- Do not add a custom backend, database table, SMTP client, PHP mail handler, serverless function, or email provider.
- Preserve the existing visual styling unless I ask you to improve it.
- Make sure every input, textarea, and select that should be submitted has a name attribute.
- Use clear field names such as name, email, message, company, phone, subject, budget, page, source, and attachment.
- If the form includes files, use enctype="multipart/form-data".
- If I want a custom success page, add a hidden _redirect field with the URL or path I provide.
- Follow this implementation guidance: use an Eleventy include or layout, _data for the endpoint, generated _site verification, named fields, and no serverless function.
- Preserve the existing component, template, or page styling unless I ask you to improve it.
- Keep labels, validation, pending states, success states, and error states accessible.
- Use FormData when the form includes files or may add files later.

After implementation, tell me exactly which file or editor area changed, where the endpoint is configured, and how to test one real submission.

Eleventy can stay fully static

Eleventy produces static HTML, but a form can still submit to a hosted backend. Put the form in a Nunjucks include, layout, or component and let Form Plume handle the operational side after submit.

<form action="{{ formplume.endpoint }}" method="POST">
  <input type="hidden" name="source" value="eleventy">
  <input type="hidden" name="_redirect" value="/thanks/">
 
  <label for="contact-name">Name</label>
  <input id="contact-name" name="name" autocomplete="name" required>
 
  <label for="contact-email">Email</label>
  <input id="contact-email" type="email" name="email" autocomplete="email" required>
 
  <label for="contact-message">Message</label>
  <textarea id="contact-message" name="message" rows="5" required></textarea>
 
  <button type="submit">Send message</button>
</form>

Render it from a page with your include convention.

{% include "partials/contact-form.njk" %}

Put the endpoint in data

Use an Eleventy data file so the endpoint is not hard-coded in several templates.

export default {
  endpoint: "PASTE_YOUR_FORM_PLUME_ENDPOINT_HERE",
};

After npx @11ty/eleventy, inspect the generated _site page and confirm the rendered form has the endpoint, method="POST", and named fields.

Uploads

Eleventy does not need an upload plugin. The generated HTML needs multipart encoding.

<form
  action="{{ formplume.endpoint }}"
  method="POST"
  enctype="multipart/form-data"
>
  <input type="file" name="attachment" accept=".pdf,.png,.jpg">
  <button type="submit">Send file</button>
</form>

Do not convert uploads to JSON. Let the browser send multipart form data directly to Form Plume.

What Form Plume handles

Once the static page posts the submission, Form Plume sends email notifications, stores the message, filters spam, accepts file uploads, and triggers integrations or signed webhooks.

Test from the deployed Eleventy site once, especially when using _redirect. Local preview URLs can hide path and domain issues that only appear after publish.

Primary sources

FAQ

Eleventy form questions
before deploy.

Yes. Eleventy outputs static HTML, and the browser can post the generated form directly to Form Plume.

One line. Zero backend.

The form backend you don’t have to build.

Free foreverNo credit cardSet up in under a minute

Eleventy contact forms without serverless functions.