The Newsletter Block adds a newsletter subscribe option to your site. The footer is a popular place for this block.
Watch a video
Before you begin
- If you're using Email Campaigns as the storage option, ensure you've created a mailing list in your Email Campaigns dashboard.
- If you're using Mailchimp as the storage option, create a new, empty audience in Mailchimp before connecting your Mailchimp account to the block.
- For more customization, like the ability to add more form fields and send submissions to your email address, you might prefer the Form Block instead.
- If you're using the Newsletter Block to create a subscription mailing list for your blog, follow these steps to connect your blog to Mailchimp first.
Step 1 - Add the Newsletter Block
- Open a page or post editor.
- Click an Insert Point or the +.
- Select Newsletter from the menu.
- For more detailed steps, visit Adding blocks.
Step 2 - Set up the Newsletter Block
By default, the Newsletter Block displays one Email Address field. You can add or edit these options:
- Require Name Field - Check to add First and Last Name fields.
- Title and Description - These display above the fields and Subscribe button.
- Form Name - This appears in analytics.
Step 3 - Select a storage option
In the Newsletter Block editor, click the Storage tab.
There are four options for storing email addresses: Squarespace Campaigns, Zapier, Google Drive, and Mailchimp.
To add storage, follow the steps in Managing form and newsletter storage.
Note: Squarespace doesn't store Newsletter Block submissions for Mailchimp and Google Drive. All submissions are passed directly to Mailchimp or Google Drive, and we're unable to access that data.
The Mailchimp and Zapier integrations in Newsletter Blocks are Premium features available in Business and Commerce plans.
Step 4 - Customize submission messages
Click the Advanced tab to add more customization to the block.
The Submit Button Label controls the button visitors click to submit their form. The default text is Sign Up. To change it, replace the text.
The Post-Submit Message appears after a visitor submits a form. You can personalize this text and style it with the text toolbar.
In the Post-Submit HTML box, you can add code to display along with the Post-Submit message. It's common to use the Post-Submit HTML to redirect visitors to another page after submitting.
Note: Adding Post-Submit HTML is an advanced modification, and we're unable to troubleshoot custom code issues.
Step 5 - Save
Here is an example of how the Newsletter Block appears:
Step 6 - Style the Newsletter Block
You can use Site Styles to change the appearance of your Newsletter Block. In the Home Menu, click Design, and then click Site Styles.
Scroll down to the Newsletter Block section. Options vary across templates, but you'll see some or all of the following style tweaks:
- Style - Choose from Dark, Light, or Custom
- Background Color
- Heading Color - Available with the Custom style
- Text color - Available with the Custom style
- Button Color
- Button Text Color - Not available when the button style is set to Outline
- Alternate options (for example, Alternate Background Color) - Available in some templates. These tweaks affect Newsletter Blocks outside the main content area, such as footers or page headers, to help them stand out against different background colors.
In the other sections of Site Styles:
- Use the Heading tweaks (usually Heading 2) to change the title font.
- Use the Body tweaks to change the rest of the text's font.
- The text sizes can't be changed.
- Use the tweaks in the Buttons section to customize the Submit button's style and shape. To learn more, visit Styling buttons.
Track Newsletter signups
Use Form & Button Conversions to see how visitors engage with your newsletter signup forms. You can track your form submission conversion rate, which compares the number of views a form received with the number of submissions it got.
The post-submit message isn't appearing.
If you've set the Newsletter Block Style tweak to Light and the background color to white, this places white text over and white background, making text difficult to see. Change either tweak to resolve this issue.
The number of submissions doesn't match the number of subscribers
If you choose Email Campaigns or Mailchimp as your storage option, double-opt in is enabled automatically. This requires customers to confirm their submissions via email before being added to your audience. Some customers might not complete the process, which can cause discrepancies.
To learn how to disable double-opt-in in your Mailchimp settings, visit Using Mailchimp with Squarespace. You can't disable double-opt-in in Squarespace Email Campaigns.