Signup form HTML template

A minimal two-field signup form for newsletters, waitlists and launch announcements. Short on purpose: for list-building, every field beyond the email address costs you subscribers.

The form

The HTML

<style>
  .hf-form { display: grid; gap: 0.75rem; max-width: 28rem; font-family: system-ui, sans-serif; }
  .hf-form label { font-weight: 600; font-size: 0.9rem; }
  .hf-form input, .hf-form textarea, .hf-form select {
    width: 100%; padding: 0.5rem 0.6rem; font: inherit;
    border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;
  }
  .hf-form button {
    justify-self: start; padding: 0.55rem 1.4rem; font: inherit; font-weight: 600;
    background: #0b6e4f; color: #fff; border: none; border-radius: 6px; cursor: pointer;
  }
  .hf-hp { position: absolute; left: -9999px; }
</style>

<form class="hf-form" action="https://example.com/your-endpoint" method="POST">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required>
  <label for="email">Email</label>
  <input type="email" id="email" name="email" required>
  <!-- honeypot: humans never see this; bots fill it in. Drop submissions where it has a value. -->
  <input class="hf-hp" type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true">
  <button type="submit">Sign up</button>
</form>

Fields in this template

• Name — text, required
• Email — email, required

Tips for a signup form that works

• Consider dropping the name field entirely — email-only signup forms convert best of all.
• Say what people are signing up for and how often you’ll send — "Monthly product news, no spam" beats a bare "Subscribe".
• If you send marketing email to EU residents, you need consent you can prove — keep a record of when and where each address signed up.

Questions

Does this work with Mailchimp or similar services?

Yes — most email services accept posts from your own HTML form. Set the form’s action to the endpoint from your provider’s "embedded form" settings and match the field name attributes they expect.

Should signup be double opt-in?

It’s good practice and required in some countries: the service sends a confirmation link before the address joins your list. That part is handled by your email provider, not the form.

From the same maker

Need more than a form?

Tentmaker Stores gives you a complete online store — product pages, checkout and everything in between. Built for small makers and niche sellers.