Mailchimp signup

Newsletter signup styled for a Mailchimp audience.

Fields

First nametextEmailemailrequiredI agree to receive marketing emailscheckboxrequired

Preview

Code

---
// MailchimpSignupForm.astro — drop into src/components and render it in a page.
---

<form action="https://formward.eu/f/your-form-id" method="POST">
  <label for="name">First name</label>
  <input type="text" name="name" id="name" />
  <label for="email">Email</label>
  <input type="email" name="email" id="email" required />
  <label>
    <input type="checkbox" name="consent" id="consent" required /> I agree to receive marketing emails
  </label>
  <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px" aria-hidden="true" />
  <button type="submit">Send</button>
</form>

Use this with Formward

Create a form, copy your endpoint, and replace https://formward.eu/f/your-form-id in the code above.

Get started free →