Newsletter

The Newsletter block adds an email signup form, with a heading, an email field, and a submit button. Use it to collect subscribers in your footer or anywhere on a page. Choose a Basic form that sends people to a page after they sign up, or a Mailchimp form that adds subscribers straight to a Mailchimp audience.

Choose a form type

The Newsletter Provider selector at the top of the block sets how the form works. Basic is selected by default.

• Basic — a simple form. After someone signs up, you can send them to a page of your choice.
• Mailchimp — connects the form to a Mailchimp audience so new subscribers are added to your list.

Content

These options apply to both form types.

• Heading — the text above the form. Set to "Stay in the know" by default.
• Description — optional text below the heading.
• Placeholder — the grey hint text inside the email field. Set to "Enter your email" by default.
• Button Label — the text on the submit button. Set to "Subscribe" by default.

Basic form

• Redirect URL — the page people land on after they sign up. Optional; leave it empty to keep them on the same page.

Mailchimp form

To connect a Mailchimp form, you need the form action address from your Mailchimp account.

• Form Action URL — the Mailchimp form action address, for example https://xxx.us1.list-manage.com/subscribe/post?u=xxx&id=xxx. Required.
• Audience ID — the Mailchimp audience or list ID, if it is not already included in the address above. Optional.
• Hidden Fields — extra name and value pairs that Mailchimp requires. Add one per pair, each with a name and a value.

Appearance

The block adds a few styling options on top of the shared block controls below.

Typography

• Heading Size — Small, P, H6, H5, or H4. Set to H5 by default.
• Description Size — the same sizes. Set to Small by default.

Input field

• Width — Fill (spans the available space) or Custom. Set to Fill by default.
• Custom width — the width as a percentage, from 10 to 100. Set to 50 by default. Appears when Width is Custom.
• Inherit color scheme — when on, the field uses the block's colour scheme. On by default. Turn it off to set the field's own Input Color Scheme.
• Border — All, Underline, or None. Set to Underline by default.
• Border thickness — Theme (uses the theme's setting) or Custom. Set to Theme by default. Appears when Border is not None.
• Custom thickness — the border thickness in pixels, from 1 to 10. Set to 1 by default. Appears when Border thickness is Custom.

Submit button

• Button Pattern — the button style to use, drawn from your theme. Falls back to the first available style. See buttons and links.
• Icon and Icon Position — an optional icon on the button, placed Before Text or After Text.
• Display — Text (a labelled button) or Arrow (a compact arrow button). Set to Text by default.

Shared controls

Alongside the options above, this block uses the standard block controls:

• Layout — container width (Full Width, Page, or Narrow — Page by default), height, direction, alignment, position, and gap.
• Background and overlay — background colour, background media, overlay, borders, and corner radius.
• Colour scheme — the colours the block draws from.
• Spacing and padding — padding and margin around the block. Top and bottom padding are set to 40 by default.

Example: a Mailchimp signup in the footer

Where to go next