Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Newsletter blocks

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 Email Campaigns, a new Mailchimp audience, Google Drive, or our Zapier integration.

Watch a video

Before you begin

  • If you're using Email Campaigns as the storage option, ensure you've created a mailing list.
  • 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 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 an insert point, and click Newsletter from the menu. For help, visit Adding content with blocks.
  2. Use the Content tab to set up the newsletter block and add a post-submit message or redirect.
  3. Use the Design tab to customize the layout.
  4. Use the Storage tab to choose a storage option and enable Google reCAPTCHA.

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.
Tip: For more form field options, use a form block instead.

Add a post-submit message or redirect

To customize what visitors see 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. To redirect to another website, paste the full URL in the Redirect URL field, or click the gear icon to link to a page on your site or an uploaded file.

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

To customize the layout and alignment 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

Choose a storage option

To choose where to send newsletter submissions, click the Storage tab. You can connect newsletter blocks to Squarespace Email Campaigns, Mailchimp, Zapier, and Google Drive.

To learn more, visit Managing form and newsletter storage.

The Mailchimp and Zapier integrations in newsletter blocks are premium features available in Business and Commerce plans.

Enable Google reCAPTCHA

Google reCAPTCHA prompts visitors to check a box to prove that they’re not a robot before they submit. To enable it for the newsletter block, click Google reCAPTCHA in the storage tab:

  •  If you've already enabled Google reCAPTCHA elsewhere on your site, switch the Use Google reCAPTCHA toggle on to add it to the form immediately.
  • If you haven't enabled Google reCAPTCHA elsewhere on your site, follow the steps in Adding Google reCAPTCHA to forms.
  • If you're using an Email Campaigns mailing list for storage, a confirmation email is enabled by default. You can't disable it unless Google reCAPTCHA is enabled first.

Style the newsletter block

To change the block's appearance:

Fonts

To style the block's fonts:

  1. While editing a page, open site styles, then click Fonts.
  2. Under Global Text Styles, click Assign Styles
  3. Scroll to the newsletter block section and click into each option to style the different fonts.
  4. Click Back, then click Site Styles to return to site styles, or hover over Done and click Save if you're done making style changes.

Colors

To style the block's colors:

  1. While editing a page, open site styles, then click Colors.
  2. Hover over your theme and click the pencil icon.
  3. Scroll to the newsletter block section, or click the newsletter block on your site to show all relevant tweaks.
  4. Hover over Done and click Save.

Newsletter blocks are transparent, so their color will match the site or section background. If you want a newsletter block to stand out from the rest of your site, add it to a page section by itself and customize the section background color.

Fonts

To style the block's fonts:

  1. In the Home menu, click Design, then click Site Styles.
  2. 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
  • Padding
  • 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 Heading tweaks (usually Heading 2) to change the title font.
  • Use Body tweaks to change the rest of the text's font. In some templates, if you place the newsletter block in the footer, you may need to use footer-specific tweaks instead.
  • 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

See 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 Email Campaigns 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:

The post-submit message isn't appearing

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.

Was this article helpful?
267 out of 488 found this helpful