How to Create a Newsletter Signup Form

Create a newsletter form endpoint

Sign up for FormsList and create a new form specifically for newsletter signups. Name it something descriptive like "Newsletter Subscribers" so you can easily find it in your dashboard. You can export subscriber lists as CSV at any time.

Add the signup form to your site

Add a compact signup form to your website's header, footer, or sidebar. A newsletter form usually only needs an email field and a submit button. Keep it simple to maximize signups. You can add an optional name field if you want to personalize your emails.

<form action="https://formslist.com/f/YOUR_FORM_HASH" method="POST" style="display:flex;gap:8px;max-width:400px;">
  <input
    type="email"
    name="email"
    placeholder="Enter your email"
    required
    style="flex:1;padding:10px;border:1px solid #ccc;border-radius:4px;"
  />
  <button
    type="submit"
    style="padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;"
  >
    Subscribe
  </button>
</form>

<!-- AJAX version that stays on page -->
<script>
  document.querySelector("form").addEventListener("submit", async (e) => {
    e.preventDefault();
    const form = e.target;
    const res = await fetch("https://formslist.com/f/YOUR_FORM_HASH", {
      method: "POST",
      body: new FormData(form),
    });
    if (res.ok) {
      form.innerHTML = "<p style='color:green'>You're subscribed! Check your inbox.</p>";
    }
  });
</script>

Manage subscribers and export data

View all signups in the FormsList dashboard, where you can search, filter, and export subscribers as CSV. When you are ready to send your first newsletter, import the CSV into any email marketing tool like Mailchimp, ConvertKit, or Resend. You can also use the FormsList webhook to automatically sync new subscribers.