How to Build a Newsletter Sign-Up Form

The sign-up form is the front door to your email list — and decides your entire newsletter reach. A weak form does not just cost subscribers; in the worst case it costs legal safety. This guide walks you through building a converting, GDPR-compliant newsletter sign-up form — both technically and visually.

Before you start technically: the ground questions

1. Where do I redirect after submit? To a thank-you page that explains the double opt-in step.
2. Which fields do I actually need? Only those you will use in the newsletter.
3. Where do I place the form? Footer, sidebar, dedicated landing page, pop-up — ideally in several spots.
4. What consent am I collecting? Newsletter send only — not bundled with terms of service.

Step 1 — define fields

Required field: email address. More is unnecessary and measurably drops conversion by 10–40 %.

Optional fields (only if you really use them):

• First name — for personalisation, raises open rate by 2–4 % when done well.
• Industry / role — useful for B2B segmentation only.
• Topic interests — only if you actually segment your sends.

Rule of thumb: each additional field drops conversion by about 10 %. Three fields max.

Step 2 — build in GDPR components

Every commercially used form in the EU needs:

1. Consent checkbox (not pre-ticked):

   ☐ Yes, I want to receive the Mailaura newsletter. I can revoke consent at any time via the unsubscribe link in every email.

2. Link to the privacy policy immediately below the form.

3. Double opt-in note:

   After clicking "Sign up" you will receive a confirmation email. You are only active on the list after confirming.

4. Submit button with clear label: "Subscribe" instead of just "OK".

The checkbox must be actively ticked — no defaults, no hide-and-seek tricks.

Step 3 — create the form (Mailaura)

In Mailaura it takes four clicks:

1. Pick a list (the list new subscribers should land in).
2. Open the form builder → button "New sign-up form".
3. Drag and drop fields. The GDPR checkbox and privacy link are pre-configured.
4. Embed — either as iframe snippet, pure HTML form or a JavaScript widget with pop-up.

The form automatically triggers a double opt-in email with a confirmation link and stores IP + timestamp of the sign-up.

Step 4 — placement on the website

The more touchpoints, the better. Recommendation for a classic site:

*based on unique visitors; spread varies by industry.

Step 5 — design rules

• High-contrast button: brand colour on white. Button height at least 44 px.
• Short benefit headline: "Every Tuesday, one hands-on tip for online shops" beats "Our newsletter".
• Visible social proof: "4,500+ readers" builds trust.
• Mobile-first: check the form on mobile first. If it looks bad there, desktop polish will not save you.

Step 6 — tracking and measurement

Connect your form to:

• Google Analytics / Matomo: event on "form submitted" + event on "double opt-in confirmed".
• A/B testing tool or Mailaura's built-in form split test: run 2 variants in parallel, pick the winner after 2 weeks.

Without tracking, you optimise blind.

Shopify, WordPress and Framer integration

WordPress: install the Mailaura plugin, insert shortcode [mailaura-form id="..."]. Alternative: plain HTML on any page.

Shopify: paste embed code into the footer or theme editor, or create a dedicated page (/pages/newsletter).

Webflow / Framer / static HTML: drop in the iframe or HTML snippet directly.

Elementor / Divi / Beaver Builder: Mailaura ships native widgets — no extra plugin needed.

Pop-ups: yes or no?

Pop-ups polarise. Done well, they bring 2–5× more sign-ups than static forms. Done badly, they annoy users and hurt SEO (Google penalises intrusive interstitials).

Rules for pop-ups that work:

• Do not show on first scroll — use exit intent or wait 30 seconds.
• Mobile: avoid fullscreen — Google penalises it.
• Once per visitor per 7 days (cookie-controlled).
• Clear close button, no dark patterns.
• The benefit in the pop-up title must be concrete — "10 % off" beats "Our newsletter".

Conversion rate: 7 proven levers

1. Concrete benefit. Not "Subscribe now", but "Get the weekly hands-on tip".
2. Set expectations. Frequency (weekly), length (3-min read), topics (online marketing).
3. Trust signals. "4,500 readers", logos of known subscribers, "GDPR compliant".
4. Lead magnet. Checklist, template, whitepaper — especially powerful for B2B lists.
5. Form above the fold. Scrollers rarely subscribe.
6. Single call to action. No competing button right next to it.
7. Optimised confirmation email. The DOI email is part of the conversion funnel. See Double opt-in explained.

After sign-up: a clean double opt-in

The confirmation email decides whether sign-ups become real subscribers. Best practices:

• Clear subject: "Please confirm your newsletter sign-up".
• Sender = company name, not "no-reply".
• One big button ("Confirm sign-up").
• No marketing, no extra links besides confirm link and privacy policy.
• Thank-you page post-confirm with a teaser for the first issue.

Average DOI rate: 70–85 %. Below that, the confirmation email is usually to blame (too promotional, poor delivery, too long).

Common mistakes and how to avoid them

• Multiple email fields: unnecessary. One is enough, "repeat email" just creates friction.
• Captcha without reason: reCAPTCHA is questionable under GDPR (US servers) and drops conversion. Use a honeypot field instead.
• No thank-you page: redirect to a dedicated URL after success — important for tracking and conversion goals.
• Forgetting DOI: a form without double opt-in invites legal warnings. Always enable it.

Conclusion

A good newsletter sign-up form has exactly one required field, active consent, a clear benefit and lives in multiple spots. These basics alone lift conversion above what most ambitious teams actually achieve. With Mailaura you get form builder, GDPR documentation and analytics from one source — and launch in minutes. For the broader picture, see our newsletter creation guide.