In This Article
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 (Compact) section promotes your email newsletter with a minimal on-page signup form. Customize this section with a flexible layout, multiple style blocks, social media icons, and an optional image.

See the Newsletter section for a more prominent sign-up form with further design elements. The Popup and Footer sections can also include a newsletter signup block.
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):
Select a Template to edit from the dropdown menu in the top bar.
Under Template, click (+) Add section and select Newsletter.
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.
Steps
In the theme editor (Customize):
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.
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.
(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.
Click Save.
Style blocks
(Optional.) Use the drag and drop handles
⋮⋮
to change the order of the blocks.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):
Click on the Newsletter section to open the settings.
Select a Spacing mode to change the distance between the headings and sign-up from. From smallest to largest: Compact, Space evenly, or Space between.
Select a Text alignment for the headings.
Choose to Enable animation to show visual effects when scrolling, hovering, or interacting with the section.
Learn more about Section animations in Stiletto.
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.
Select a Padding option to change the spacing between sections. Choose between Top and bottom, Top only, Bottom only, or set it to None.
Set the Content width of the section to Full width or use the slider to use a custom width between
400 - 1000
pixels.Click Save.