Newsletter signup form design: say what they get, ask for an email
A newsletter signup form needs three things: a sentence that says what arrives and how often, a single email field with a visible label, and a button that says what happens. Everything else, from name fields to pop-ups and countdown offers, tends to cost more sign-ups or goodwill than it gains.
The promise comes first
“Subscribe to our newsletter” tells people nothing. The heading and one line beneath it should answer what they'll get, how often and why it's worth an inbox slot. Compare:
| Generic | Specific |
|---|---|
| Join our newsletter | New roasts, the Monday before they sell |
| Stay up to date | One email a month with the gig list and early tickets |
| Get the latest news | The week's menu every Thursday at 5pm |
| Sign up for exclusive offers | First pick of seconds sales, about four times a year |
Frequency matters as much as content. People are more willing to subscribe when they know they won't get daily email, and they're less likely to mark you as spam later when the newsletter arrives as promised.
Ask for an email, and only an email
- One field. A name field adds effort and gives you a personalised greeting few people value. If you need it, ask later.
- A visible label. “Email” above or beside the field, not only placeholder text that disappears when typing starts. Placeholder-only fields fail people who lose track of what they're filling in.
- The right input.
type="email"brings up the email keyboard on phones, andautocomplete="email"lets the browser fill the address in one tap. - A button that says what happens. “Subscribe”, “Get the monthly list”, “Send me the menu”. Avoid “Submit”.
- A line on privacy and leaving. “One email a month. Unsubscribe from any email.” is enough next to the button; link the privacy policy.
Don't pre-tick consent boxes or bundle newsletter sign-up into another form without a clear choice. Rules on marketing email differ by country, but an explicit, unticked opt-in is the safe design everywhere.
Where to place a newsletter subscribe box
- At the end of content people valued: after an article, below the events list, under the week's menu. That's when the promise is most believable.
- In the footer, as a permanent, quiet option on every page.
- On its own page if you link to the newsletter from social profiles, so the link lands on the promise and the form, not the homepage.
- Rarely at the very top of the homepage, unless the newsletter is the product.
Pop-ups and email capture design
Modal pop-ups that appear seconds after arrival interrupt people before they know whether they want anything from you. They also bring real accessibility work: focus must move into the dialog and back again, the dialog must close with the Escape key, and on phones it often covers the whole screen. If you use one at all, trigger it late (at the end of an article), make it easy to dismiss and don't show it again to someone who closed it. An inline form in the right place usually does the job without the cost.
Confirming the sign-up
After submitting, show a clear confirmation in the page or on a thank-you page: what happens next, and when the first email arrives. If you use double opt-in, say “Check your inbox to confirm” and explain that nothing will arrive until they do, since an unconfirmed subscriber who never sees the email is a lost one. For screen reader users, an inline confirmation should be announced as a status message without moving focus. Errors, such as a mistyped address, should be described in text next to the field.
Newsletter forms in Anticode
Anticode's newsletter must-have follows the one-field pattern: a form with a single labelled email field, using the email input type and autocomplete, and a Subscribe button. The heading above it is yours to rewrite in the visual editor, so put your promise and frequency there. After sending, the visitor sees a thank-you page in the site's own design, “You're on the list”, with a link back to the site; there are no pop-ups, because the pages run no scripts.
Sign-ups are saved and sealed at rest, can be emailed to you, and can go on to Mailchimp or Kit through a form connector. Mailchimp uses double opt-in, so subscribers get a confirmation email from Mailchimp before they're added. See add a newsletter signup for setting it up.
Questions people ask
Should a newsletter signup form ask for a name?
Usually not. Each extra field reduces sign-ups, and a first-name greeting adds little. Ask for an email alone and collect more later if you need it.
Are newsletter pop-ups worth it?
They can raise sign-ups but annoy many visitors and add accessibility work. A well-placed inline form with a specific promise is the calmer default.
What should happen after someone subscribes?
A clear confirmation saying what arrives and when, and if you use double opt-in, an instruction to check their inbox to confirm.