Newsletter Signup Form Examples and What Makes One Work

A newsletter signup form works when it makes one clear promise, asks only for an email address and records a yes you can prove. An invented yarn shop in Hexham, used in the examples below, promises "a free knitting pattern every month".

Where the form sits decides who sees it and when. The same wording can do well inside a blog post and irritate people in a pop-up that opens on arrival.

What goes into a newsletter signup form

A newsletter signup form has six parts, and each answers a question visitors have before they type their address. Here is the yarn shop's version, ready to copy and reword.

The heading names what arrives, not the format. "Subscribe to our newsletter" gives no reason to want it, while a free pattern each month does.

The second line answers a common doubt: how much email am I signing up for? A named day also tells people when to expect the first issue.

Ask for the email address alone unless the next email will use the extra answer. A first name earns its field only if you greet people by name.

The button repeats the promise, so pressing it holds no surprise. "Submit" tells them nothing.

After submitting, the message says what happens next. With a confirmation step, the message sends people to their inbox, as in the example above. Without one, say when the first email arrives, such as Friday 6 November.

Newsletter signup form examples by placement

Seven placements cover most small shop sites, and each needs its promise worded for that moment. We wrote every line of copy below for the yarn shop.

Form and placement	When it works	Example copy
Inline form in a blog post or pattern page	Straight after the content the reader came for, while its value is fresh	"Enjoyed this pattern? Get a new one free each month."
Footer form on every page	A standing offer for visitors who reach the bottom of any page, including delivery and contact pages	"Shop news once a month: yarn arrivals and workshop dates."
Pop-up after scrolling, in the centre or a corner	Once a visitor has read part of a page; on phones, keep it small so the page stays readable	"Subscribers hear about workshop places first."
Exit-intent pop-up	On desktop product pages, when the pointer heads for the tab bar; phones give no such signal	"Not buying today? Take 10% off your first order when you subscribe."
Bar at the top or bottom of the page	On phones and on pages people reach from Google, because the content stays visible	"First look at every yarn delivery, by email."
Box at checkout	While buyers are typing their email to place the order: an unticked yes box, or the soft opt-in's opt-out box, see below	"Yes, add me to the monthly pattern email."
Thank-you page after an order or booking	Just after a purchase, for buyers who did not join at checkout	"Your order is on its way. Want to hear when the next delivery lands?"

An eighth option is a page whose only job is the signup, linked from an Instagram bio or a QR code by the till. A landing page built around one form does that job.

No single placement reaches everyone. Begin with the inline and footer forms, which interrupt nobody. Then add a scroll pop-up or a bar, and compare where sign-ups come from.

Signup form wording that meets UK consent rules

Whether a form needs a tick box depends on what else it does. Under the Privacy and Electronic Communications Regulations (PECR), marketing email to individuals needs consent or the soft opt-in.

The Information Commission's Office (ICO) lists "clicking an opt-in button or link online" as a valid way to opt in, if people know what they agree to (ICO consent guidance).

What the form does	How people say yes	Example wording
Signs people up to the newsletter and nothing else	Pressing the button, because the form says what they will get	"One email a month from [shop name]: patterns, yarn arrivals and workshop dates. Unsubscribe any time."
Also takes a download request or a competition entry	A separate box that starts unticked	"Also send me the [shop name] newsletter."
Takes an order, a booking or a quote request and relies on the soft opt-in	A clear opt-out box where the address is typed	"Tick if you would rather not get emails from [shop name] about our yarns and workshops."

The ICO's PECR email marketing rules forbid pre-ticked boxes and ask for your name in the request. For soft opt-in customers, the opt-out must appear where the address is collected; a line in the order confirmation comes too late.

A welcome discount for subscribers is usually fine, as long as people who say no lose nothing else (what is valid consent).

A consent record has to show what people saw, so keep each version of the form's wording with its date, as consent management under PECR sets out.

Adding a confirmation email on top is a separate choice, weighed in single and double opt-in. None of this is legal advice; the ICO pages linked here are the source.

Newsletter pop-ups: timing and Google's interstitials guidance

A newsletter signup pop-up should wait until the visitor has had a chance to read. On phones, it should not hide the page they came for, and Google has said so since 2016.

In August 2016, Google announced a change to mobile search from 10 January 2017. Pages whose content is hard to reach on arrival "may not rank as highly" (Google Search Central blog).

Its examples were a pop-up covering the main content right after arrival from search or while the visitor reads, and a standalone screen visitors must dismiss first. Screens shown for a legal reason, such as cookie notices and age checks, were not affected if used responsibly.

The current Search Central page on intrusive interstitials, last updated 10 December 2025, warns that intrusive dialogs can lead to poor search performance. It suggests banners that take "only a small fraction of the screen", and names newsletter sign-up prompts as one use.

Google's page experience questions, updated 22 September 2026, still ask whether your pages avoid intrusive interstitials. So a scroll-triggered pop-up should still leave the page readable, which means three settings for the shop:

• On phones, use a bar or a small box along the bottom edge, the kind of banner Google suggests, rather than a centre pop-up.
• Open it once people have scrolled some way down, never on arrival.
• Wait several days before showing it again to a visitor who dismissed it, and never show it to people who already subscribed.

We give no best delay in seconds. Pop-up vendors publish figures from their own customers' data, and we found no independent source to check them against.

Accessible newsletter signup forms

An accessible signup form has a visible label, errors written in words and a button whose name says what it does.

These points follow the Web Content Accessibility Guidelines (WCAG) 2.2 and the tutorials of the W3C's Web Accessibility Initiative (WAI).

• A visible label. Criterion 3.3.2 asks for labels wherever people must type. Placeholder text is no substitute: it disappears as people type, and screen readers do not treat it as a label (forms tutorial).
• Errors in text. Error Identification, 3.3.1, asks you to name the field in error and describe the problem in words (error identification). "Enter an email address, like [email protected]" helps more than a red border.
• The right field type. Mark the field with type="email", so phones show the @ keyboard, and with autocomplete="email" (criterion 1.3.5), so browsers can fill it in.
• A button with a name. An icon-only button needs a text name, or screen readers announce only "button". The W3C's labelling tutorial puts that name inside the button, or in the alt text of an image button.

Signup form checklist

Before redesigning a newsletter signup form, run it through these eight checks. Each one matches a part of the form described above.

Building the form and pop-up in MailGraf

In MailGraf, the inline, footer and thank-you page placements all use an embedded newsletter signup form. Publish it, open Share, copy the two lines under Embed on your website and add both to your page. The div line sets the form's position.

Pop-ups, bars included, are built in the popup studio: choose Centre popup, Corner, Bar or Full screen under Type. The studio describes the Bar as running the full width of the page without covering the content, close to the banners Google suggests. On phones, a Corner moves to the bottom of the screen at full width.

Under When to show, choose After a delay, After scrolling or When leaving the page. On phones, which have no pointer, When leaving the page waits for the time set in On phones, show after (Create and publish a popup).

How often sets the days before someone who closed the pop-up sees it again. People who sign up through it never see it again.

Forms made from the Newsletter template open with the consent box shown. Its wording reads "I agree to receive emails from" your brand name, then "I can unsubscribe at any time." Add what you send and how often.

With the box shown, people also confirm by email, so the thank-you message should point them to their inbox. Their Consent proof keeps the signup page and the box wording. When the box is hidden there is no box text to keep, so your own dated copy becomes the record.

To compare placements, open the form's report. It counts sign-ups by Embed, Shared link, Popup and Landing page, and its Place column names the page (Read form, popup and page reports).

The monthly plan has no limit on forms or pop-ups, so the yarn shop's seven placements can each carry their own wording. Use the pricing page to cost the emails those forms will generate, rather than the number of placements.