Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Newsletter

NEW

This section was added in v1.4.0 on Oct 6, 2022. See our change log and theme update guide to learn more.

The Newsletter section promotes your email newsletter with an on-page signup form. Customize this section with a flexible layout, multiple style blocks, social media icons, and an optional image.

Newsletter section
Newsletter section

See the Compact newsletter section for a more minimal design for any page. The Popup and Footer sections can also include a newsletter signup block.

NOTE

Newsletter subscribers are added to your "accepts marketing" Customers list. See Shopify's Marketing guide to learn about Subscriber lists and using Shopify Email.

Set up section

Add this section to any template (except Checkout) and re-order its position. You can use this section multiple times on the same page with different content and settings.

Note: New sections will appear on all pages that use the same template. To add sections to specific pages only, learn how to create and assign multiple templates.

Steps

In your theme editor (Customize):

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

  2. In the side panel, click (+) Add section and select Newsletter.

  3. Change the order of your sections by using the drag and drop handles ⋮⋮

Add headings

Add a section title and promotional text to your Newsletter section. The section headings are included as blocks nested within the section.

Newsletter headings
Newsletter headings

Steps

In the theme editor (Customize):

  1. Click the Heading block to change the text ("Subscribe to our newsletter") for the section title.

    We recommended a short title of just a few words.

    Set the Heading size to Small, Medium, or Large.

  2. Click the Subheading block to add a few sentences below the heading.

    We recommend two or three short sentences that tells customers what they can expect if they sign up.

    Set the Text size to Small, Medium, or Large.

  3. (Optional.) Add a Accent block and enter text to display a small heading in all capitals above the main heading.

    We recommend a short one or two word label.

  4. Click Save.

Style blocks

Add a Spacer block to adjust the space between content blocks and a Border block to change the layout and look of your section.

Section with border block
  1. Click (+) Add block and select a Spacer or Border block.

  2. (For the Spacer block) Open the block settings to adjust the amount of space in pixel using the slider.

    Spacer block setting
    Spacer block setting
  3. (Optional.) Use the drag and drop handles ⋮⋮ to change the order of the blocks.

    Shopify content blocks nested in a section
    Shopify content blocks nested in a section

    Click Remove block or the eye icon to delete or hide a block.

Section style

Customize the look of your section by changing the style and layout.

In your theme editor (Customize):

  1. Click on the Newsletter section to open the settings.

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

    Learn more about Section animations in Stiletto.

  3. Choose to display a Top divider that separates sections with a Solid line.

    The Top divider uses the color of Lines and borders set in the Theme settings.

  4. Select a Padding option to change the spacing between sections. Choose between Top and bottom, Top only, Bottom only, or set it to None.

  5. Set the Content width of the section to Full width or use the slider to use a custom width between 400 - 1000 pixels.

  6. Click Save.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.