Copy a newsletter signup form template that collects emails anywhere
This newsletter signup form is one email field and a button, laid out in one row on larger screens. FormThunder stores each signup and emails you about it, and on Pro a webhook can pass it to your mailing tool. FormThunder doesn't send newsletters or manage a list, so export signups as CSV or connect a tool for that.
Updated
Preview
This preview is switched off, so nothing here sends.
Copy the code
Replace YOUR_ACCESS_KEY with your own key. The classes use Tailwind's stock colours, so they work in any Tailwind project.
<form action="https://formthunder.com/submit" method="POST" class="mx-auto flex max-w-md flex-col gap-2 sm:flex-row">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
<input type="hidden" name="subject" value="New newsletter signup">
<input type="checkbox" name="botcheck" class="hidden" tabindex="-1" autocomplete="off">
<label for="news-email" class="sr-only">Email address</label>
<input id="news-email" name="email" type="email" required autocomplete="email" placeholder="you@example.com" class="min-w-0 flex-1 rounded-lg border border-slate-300 bg-white px-3 py-2.5 text-sm text-slate-950 focus:border-slate-950 focus:outline-none">
<button type="submit" class="rounded-lg bg-slate-950 px-4 py-2.5 text-sm font-medium text-white hover:bg-slate-700">Subscribe</button>
</form>The fields that matter
The only field. The
sr-onlylabel keeps it usable with a screen reader even though sighted visitors only see the placeholder.- source
Add this as a hidden field, such as
footerorblog, to learn which form brought a signup in.
Adapting it
- Consent rules for email marketing vary by country. If you'll send marketing mail, add a consent line and keep a record of it.
- On Pro, connect a webhook or Zapier to add each signup to your mailing tool.
Questions
Can FormThunder send my newsletter?
No. It collects signups and delivers them to you. Sending a newsletter needs a mailing tool.
How do I get my signups out?
Export them as CSV from the dashboard on any plan, or send each one to your mailing tool with a webhook on Pro.
Get a key and make this form send
This template works on the free plan, up to 250 submissions a month.