Newsletter

Theme section

The Newsletter section lets you promote your email newsletter with an on-page signup form.

The Popup and Footer sections can also include a newsletter signup block.

Shopify | Newsletter subscribers are added to your "accepts marketing" Customers list. You can learn more about how to manage Shopify customer emails from their Email subscriber list management ↗ and Using Shopify Email for email marketing ↗ article.

Set up section

Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.

Editing a template changes all pages that use that template. To edit specific pages, you can create new templates or insert dynamic content with metafields.

STEPS

In your theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

    Learn how to use templates in our Templates guide.

  2. Under Template, click (+) Add section and select Newsletter.

  3. Click and hold the drag-and-drop handles ⋮⋮ to re-order your sections.

Add section headings

Add a section title and promotional text to your Newsletter section.

STEPS

In your theme editor (Customize):

  1. Click the Newsletter section to open the settings.

  2. Add a Heading and Subheading.

    Use the formatting buttons for the Subheading to add bold, italic, or linked text.

  3. Click Save.

Section style

Customize the section Style with options for section Spacing, Animation, and Alternate section color.

STEPS

In your theme editor (Customize):

  1. Click on the section to find the Section style settings.

  2. Choose whether to Enable animation to show visual effects when scrolling, hovering, or interacting with the section.

    Learn more about Section animations in Spark.

  3. Choose to enable the Alternate section color to apply the secondary section colors selected in your theme settings for colors.

  4. Select a Spacing option to add padding around the section content.

    Add padding to either the Top and bottom, Top only, Bottom only, or set it to None.

  5. Select the Spacing amount for the padded sides of the section: Full, Half, or Minimum.

  6. Click Save.

Settings reference

Click the Newsletter section to find the following settings.

Section content

SettingDescription

Heading

Add text to display as a heading for the section.

Subheading

Add text to display a subheading below the heading.

Max width of text

Use the slider to control the maximum width and line breaks of the section headings.

Section style

SettingDescription

Enable animation

Choose whether to display visual effects when scrolling, hovering, or interacting with the section. See our Section animations to learn more.

Use alternate section color

Apply the alternate section colors as chosen in your Theme Settings. See Spark's theme color settings to learn how to create a secondary color scheme with alternate section colors.

Spacing

Add padding around the section content: either the Top and bottom, Top only, Bottom only, or set it to None.

Spacing amount

Increase or decrease the amount of space around the section: either Full, Half, or Minimum.


Related links Popup Signup Footer newsletter Email subscriber list management ↗ Using Shopify email for email marketing ↗

Last updated