Encourage visitors to subscribe to your mailing list.

Newsletter blocks add an option for visitors to subscribe to a newsletter. The footer is a popular place for this block.

You'll need to choose a storage option for form submissions. You can connect an Email Campaigns mailing list, a new Mailchimp audience, Google Drive, or our Zapier integration.

Watch a video

Before you begin

• If you're using Squarespace as the storage option, create an Email Campaigns mailing list for your subscribers. If you haven't created a specific mailing list, you can add subscribers to a default list. If you don't select a list, subscribers are added to the Lists & Segments panel under Subscribers.
• If you're using Mailchimp as the storage option, create a new, empty audience in Mailchimp before connecting your Mailchimp account to the block.
• To send more detailed form submissions to your email address, use a form block instead.

Add a newsletter block

To add a newsletter block:

1. Edit a page or post, click Add Block or an insert point, then click Newsletter from the menu. For help, visit Adding content with blocks.
2. Open the block editor by clicking the pencil icon on the block.
3. In the Content tab, set up the newsletter block and add a post-submit message or redirect.
4. Click the Design tab to customize the layout.
5. Click the Storage tab to choose a storage option and enable subscriber verification options.

Here's an example of a newsletter block:

Set up the newsletter block

Customize the text and fields of the block in the Content tab. By default, the newsletter block displays one email address field. You can add or edit these options:

• Form Name - Give your newsletter block a name to keep track of its analytics.
• Title and Description - Display title and description text above the form fields and submit button.
• Disclaimer - Add information about what you do with subscriber information. It's common to use this field for your privacy policy.
• Button Text - Customize the text that displays on the submit button. The default text is Subscribe.
• Require Name Field - Add First Name and Last Name fields to the form. This option doesn't make the name fields required for submissions.

Tip: For more form field options, use a form block instead.

Add a post-submit message or redirect

To customize what appears for visitors after they submit their information, click Post-Submit in the content tab.

Message

To add a post-submit message, click Message and enter your text in the message field. This text displays after a visitor submits their information.

In the HTML field, you can add HTML code to render alongside the post-submit message. Keep in mind, if your newsletter block has a post-submit redirect, the post-submit message won't display.

Note: Adding post-submit HTML is an advanced modification, and we're unable to troubleshoot custom code issues.

Redirect

To set up a post-submit redirect, click Redirect, then click Attach Link. To redirect to another website, paste the full URL in the URL field. To redirect to a page on your site, search for the page in the field, then select it in the results.

To test a post-submit redirect, submit the newsletter block while logged out or in an Incognito browser. Post-submit redirects won't work while logged into your site.

To remove a post-submit redirect, delete the link from the URL field.

Customize the layout and appearance

To customize the layout, alignment, and appearance of the block, click the Design tab:

• Layout - Click Stack to arrange fields in a column, or click Float to arrange fields in a row.
• Alignment - Click the corresponding alignment icon to align the block left, center, or right.
• Background - On version 7.1, switch this toggle on to add a block background color, set corner radiuses, and change background padding. Block background colors aren't supported on version 7.0.
• Stroke - Enable a solid or dotted line outlining the block. For both solid and dotted lines, set the stroke Color and Thickness. 
• Blend Mode - Use the dropdown menu to choose a transparency setting. These effects are ideal if you're overlaying a newsletter block in front of an image or other visual content.
• Blur - Switch the toggle on to blur either the Element or Backdrop, and use the slider to adjust the level of blurriness.

Stroke, Blend Mode, and Blur customizations are available for Fluid Engine sections. For sections using the classic editor, only Stroke is available.

Choose a storage option

To choose where to send newsletter submissions, edit the newsletter block and click the Storage tab. By default, newsletter blocks use Squarespace for storage, but you can also connect newsletter blocks to Mailchimp, Zapier, and Google Drive.

To learn about each storage option, visit Managing form and newsletter storage.

The Mailchimp and Zapier integrations in newsletter blocks are available in the Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced plans. To learn more, visit Choosing the right Squarespace plan.

Enable subscriber verification options

To verify your subscribers and help prevent submissions from robots, newsletter blocks have Google reCAPTCHA enabled by default.

Google reCAPTCHA is an invisible security feature that helps prevent submissions from robots. To learn more about Google reCAPTCHA, visit Adding Google reCAPTCHA to forms.

You can also enable a confirmation email for verification. Keep in mind, you need to have at least one of these options enabled when using Squarespace for storage, and Google reCAPTCHA is only available for newsletter blocks using Squarespace for storage. To learn more, visit Subscriber verification options.

Style the newsletter block

To change the block's appearance:

Track newsletter signups

Review how visitors engage with your newsletter signup forms with Form & button conversions. You can track your form submission conversion rate, which compares the number of views a form received with the number of submissions it got.

Troubleshooting

The number of submissions doesn't match the number of subscribers

If you choose Squarespace or Mailchimp as a storage option, visitors who complete the form may receive an email asking them to confirm their subscription. This can cause discrepancies between the number of submissions and the number of subscribers in certain situations:

• The submitter hasn't verified signup with the confirmation email yet
• The submitter has submitted their email multiple times in a short period without verifying signup through the initial confirmation email
• The submitter has submitted their email but their address is already on the mailing list

You can take some steps to mitigate these discrepancies:

• To disable the confirmation email and use Google reCAPTCHA instead, visit Email Campaigns subscriber verification.
• To learn how to disable the confirmation email (double opt-in) for Mailchimp, visit Using Mailchimp with Squarespace.

The post-submit message isn't appearing (version 7.0)

If you've set the newsletter block tweak to Light and the background color to white, this places white text over a white background, making text difficult to see. Change either tweak to resolve this issue.