An email signup with an optional background image.
The Newsletter section on desktop.
Grow your email list with an offer like “10% off your first bag”.
How to add it
In Shopify admin, go to Online Store → Themes and click Customize.
Open the page from the page picker at the top of the editor.
In the sidebar, click Add section and choose Newsletter.
Fill in the content, then click Save.
Tips
Signups are saved to Customers in Shopify admin with email marketing consent.
Screenshots
The Newsletter section on a phone.Newsletter settings in the theme editor.The success message.
Settings
Setting
Options
What it does
Section appearance
Color scheme
Color scheme
Media
Background
Image
Mobile background
Image
Optional. Falls back to the desktop media when empty.
Prioritize image loading
On / Off
Turn on only when this section is above the fold (visible without scrolling), for example at the top of the home page. Loads its first images immediately instead of when they scroll into view.
Overlay color
Color
Overlay opacity
0–100 %
Tints the media with the overlay color so text stays readable. Lower it with care — check your text contrast.
Settings
Section height
Adaptive (fit content) · Small · Medium · Large
Mobile section height
Adaptive (fit content) · Small · Medium · Large
Content width
400–1000 px
Content alignment
Left · Center · Right
Mobile content alignment
Left · Center · Right
Animations
Blocks
Click Add block under the section in the sidebar. Drag blocks to change their order.
Subheading
Setting
Options
What it does
Subheading
Text (bold, italic, links)
Subheading size
Small · Medium · Large
Heading
Setting
Options
What it does
Heading
Text (bold, italic, links)
Italicized words switch to the Accent font from Theme settings → Typography. They stay italic and keep the color of the text around them.
Heading size
Small · Medium · Large · Extra large
Heading level
H1 · H2 · H3 · H4 · H5 · H6
Adjust for page structure — one H1 per page. Size is controlled separately.
Text
Setting
Options
What it does
Text
Rich text
Text size
Small · Medium · Large
Signup form up to 1
Setting
Options
What it does
Submit button label
Text
Button style
Primary · Secondary · Ghost · Link
Button size
Small · Medium · Large
Mobile form layout
Button under field · Button beside field
Note below the form
Text (bold, italic, links)
Success message
Text
Error message
Text
Shown when the address is rejected, for example when it is not a valid email.
