Templates / HTML, CSS

Newsletter signup form

Landing pages collecting emails — not a full ESP, but a durable capture layer.

Live preview

Preview only — does not submit. Copy the code block below for the real snippet.

Copy-paste code

newsletter.html
<form action="https://formheron.com/f/YOUR_KEY" method="POST" style="display:flex;gap:.5rem;max-width:28rem;font-family:system-ui,sans-serif">
  <input type="email" name="email" required placeholder="[email protected]" style="flex:1;padding:.65rem .75rem;border:1px solid #d4d4d4;border-radius:.5rem" />
  <input type="text" name="_hp" tabindex="-1" autocomplete="off"
         aria-hidden="true" style="position:absolute;left:-9999px" />
  <button type="submit" style="padding:.65rem 1rem;border:0;border-radius:.5rem;background:#047857;color:#fff;font-weight:600">Subscribe</button>
</form>
<!-- Forward to Mailchimp/ConvertKit via FormHeron webhook + Zapier/Make (not native). -->

What to change

  • Replace YOUR_KEY.
  • On Indie+, attach a webhook to Zapier/Make → your ESP.
  • Do not claim native Mailchimp integration — it is via webhook.

Related templates