Skip to main content
Grow your email list right from your pages. The Newsletter Subscription section shows a short heading, an email box and a button, and saves each sign-up in the CMS. The section collects addresses. It doesn’t send newsletters or connect to a mailing list. To send one, download your sign-ups as a spreadsheet file and import them into your email service. See Where the sign-ups go. Who can do this: anyone who can edit the page. The CSS tab is for Admins and Owners.
Parker's Newsletter Subscription as visitors see it: a raised card with eyebrow "Newsletter", heading "Get pup news and offers", an intro line, an Email address box with a Subscribe button, and a privacy line below.Parker's Newsletter Subscription as visitors see it: a raised card with eyebrow "Newsletter", heading "Get pup news and offers", an intro line, an Email address box with a Subscribe button, and a privacy line below.

An email sign-up in a raised card.

When to use it

  • To grow an email list from your home page or blog.
  • To close a blog post with an invitation to hear about new posts.
  • To collect interest before an event or a new service.

Before you start: a form to receive sign-ups

The section sends every sign-up to a form from your Forms manager. That form is where the sign-ups are saved, and where you choose who else gets them. Your site may already have one named Newsletter Signup. Any published form works, and it needs no fields of its own: the section brings its own email box. To make one:
1

Open the command palette (⌘K, or Ctrl+K on Windows) and choose Forms

2

Choose New Form, then Blank form and Start blank

3

Give it a Form name, such as "Parker's pup news"

Visitors don’t see it.
4

Publish the form

A form that isn’t published can’t receive sign-ups.
For everything a form can do, see Build a form. One form can serve this section on as many pages as you like. Every sign-up collects in the same place.

Add it to a page

1

Open the page

Sign in, open the page on your site, and choose Edit in the edit bar at the top.
2

Find the spot

Select the section next to where the new one should go. A round + button appears on its top and bottom edges. On an empty page, choose Add Content in the middle.
3

Choose the section

The Add Content menu opens with its groups. Choose the section, then select it and choose Edit in its side toolbar to make it yours.
For the full walkthrough, see Add, move and remove sections. Choose Add Content → Conversion → Newsletter Subscription. Then choose Edit, and on the Subscription tab pick a form under Subscription form. Until you pick a form, visitors don’t see the section. You see it with a short note in place of the email box.

What you can change

Select the section on the page and choose Edit. The editor opens beside the page, so you see each change as you make it. It has 5 tabs. Your changes go into the page’s draft. Visitors see them once the page is published with Update in the edit bar (Publish on a page never published).
The Newsletter Subscription editor open on the Subscription tab beside the live section, with the five tabs (Subscription, Background, Fonts, Button, CSS) and the Subscription form picker, set to Docs Newsletter Signup, ringed.The Newsletter Subscription editor open on the Subscription tab beside the live section, with the five tabs (Subscription, Background, Fonts, Button, CSS) and the Subscription form picker, set to Docs Newsletter Signup, ringed.

The Subscription tab, with the form that receives sign-ups at the top.

The form, the words, the band and the fields.Where sign-ups go
  • Subscription form: the form that receives the sign-ups. It’s required for the section to show.
Header
  • Show eyebrow and Eyebrow: a short line above the heading. It starts as “Newsletter”.
  • Heading: the section’s title, such as “Get pup news and offers”.
  • Intro: one short sentence under the heading.
Each part also has a weight and a size. Each color can be set separately for the dark and light themes.Band and layout
  • Band style: Plain sits on the page, Raised (card) is a contained card, and Accent (solid band) is a solid band in your site’s main color. For an accent band, you can choose its Band color.
  • Alignment: Center or Left.
  • Form layout: Inline (row) puts the email box and the button on one row, stacked on phones. Stacked always stacks them.
  • Content width: Narrow, Normal or Wide.
Fields and messages
  • Collect a name: adds an optional name box. Set its Name label and Name placeholder.
  • Email label and Email placeholder: the text on and inside the email box. The email address is always required.
  • Show a consent checkbox: adds a checkbox visitors must tick to sign up, with your Consent statement beside it. It’s off by default.
  • Fine print (optional): a small line under the form, such as “Unsubscribe at any time.”
  • Success message and Error message: what visitors see after they sign up, or if something goes wrong. These are the messages this section shows. The receiving form’s own Thank you message title isn’t used here.
Give the section its own background color, from your site’s palette or a custom color. See What every section shares.
Use a different typeface for parts of this section only, such as the heading. Leave it empty to use the page’s fonts, which normally come from Site design → Typography. See What every section shares.
The look of the sign-up button, and its Button label. It starts as “Subscribe”, and reads “Subscribe” again if you clear it. The button sends the form, so it has no link. See Buttons and card styles.
Custom styles for this section only. Admins and Owners can change this tab. See Custom CSS.

Looks you can make

A solid accent band across the page, left-aligned, with the email box and button on one row in light text on the accent color.A solid accent band across the page, left-aligned, with the email box and button on one row in light text on the accent color.

A bold accent band that's hard to miss.

A bold band. Set Band style to Accent (solid band), Alignment to Left, and Content width to Wide.
A narrow, stacked sign-up with a name box, an email box, a consent checkbox with its statement, and a full-width "Subscribe" button.A narrow, stacked sign-up with a name box, an email box, a consent checkbox with its statement, and a full-width "Subscribe" button.

A stacked form that asks for a name and clear consent.

A form that asks for consent. Set Form layout to Stacked, turn on Collect a name, and turn on Show a consent checkbox.

Where the sign-ups go

Every sign-up is saved in the CMS, under the form you picked. Admins and Owners can read them in View Form Submissions and download them with Export CSV, a spreadsheet file. Import that file into your email service to send your newsletter. See Form submissions. The form’s own settings decide who else hears about each sign-up, such as an email to your team. The Newsletter Signup form starts with none of these, so it only saves sign-ups until you add one. See Email notifications.

Good to know

  • No confirmation step. Visitors aren’t asked to confirm by email. Each sign-up is saved as soon as it’s sent.
  • Repeat sign-ups are kept. Someone who signs up twice appears twice in your submissions.
  • What gets recorded. When the consent checkbox is on, each sign-up saves the consent statement with your business name from Site settings after it.
  • Keep bots out. Once spam protection is set up in Connections, every sign-up is checked for bots. See Spam protection.
  • Test it signed out. Sign out, or use a private window, to see the section and send a test sign-up as a visitor.
  • Where it fits. The section is a full-width band. It isn’t offered inside columns or in a blog post’s body, but you can add it after a post.

Appearance options

Most sections also share a few tabs that work the same everywhere:
  • Background: set the color behind the section, separately for the dark and light themes.
  • Fonts: use a different typeface for parts of this section only.
  • CSS: add custom styles to this section. Admins and Owners can change it.
See What every section shares for every option.

Build a form

create the form that receives sign-ups.

Form submissions

read and export every sign-up.

SMS Subscription

collect phone numbers for text messages.

Email notifications

get an email for each new sign-up.