Newsletter

A split editorial signup card wired to Shopify customer capture, with optional topic blocks.

Merchant-addable
Yes
Settings
21
Block types
1
Max blocks
3
File
sections/newsletter.liquid

Used by default on: Home

Screenshots pending

Captures for Newsletter at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

Once per page at most, usually above the footer.

Setting it up

  1. Add the section and set the Media and Layout.
  2. Add Topic blocks if you want subscribers to self-select interests.
  3. Signups land in Customers in your Shopify admin, tagged as accepting marketing.

Where the content comes from

Shopify customer records own the signups. The section owns presentation.

Notes and cautions

  • There is deliberately no auto-popup variant. Popups convert slightly better and cost more in bounce and annoyance than most merchants measure.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

EyebrowText
ID
eyebrow
Default
The letter
HeadingRich text (inline)
ID
heading
Default
Read your skin differently.
Heading sizeDropdown
ID
heading_size
Default
Large
  • Smallsmall
  • Mediummedium
  • Largelarge
  • Extra largexlarge
SubheadingRich text (inline)
ID
subheading
Default
A considered monthly note on ingredients, protocols, and new formulas.
Button labelText
ID
button_label
Default
Join the letter
Fine printRich text (inline)

Shown under the signup form. Use it to set expectations, such as how often the newsletter is sent.

ID
disclaimer
Default
No noise. Unsubscribe anytime.

Media

Show imageCheckbox
ID
show_media
Default
On
ImageImage

3:4 aspect ratio recommended. Leave empty to show a placeholder.

ID
image
Image positionDropdown
ID
media_position
Default
Left
Shown when
show_media
  • Leftleft
  • Rightright
Image widthSlider

Share of the card the image fills on desktop.

ID
media_width
Default
40
Range
30% to 55%, in steps of 5%
Shown when
show_media

Layout

Content alignmentDropdown
ID
content_alignment
Default
Left
  • Leftleft
  • Centercenter
Accent illustrationDropdown

Sits behind the text. It is decorative and hidden from screen readers.

ID
accent_illustration
Default
Botanical branch
  • Nonenone
  • Botanical branchbotanical
  • Leafleaf
  • Mushroommushroom
  • Dropletsdroplets
  • Sunsun
  • Custom imagecustom
Accent imageImage

Transparent .png recommended.

ID
accent_image
Shown when
accent_illustration is 'custom'
Accent illustration rotationSlider
ID
accent_rotation
Default
0
Range
-180° to 180°, in steps of 5°
Shown when
accent_illustration is not 'none'
Accent illustration horizontal shiftSlider
ID
accent_shift
Default
-10
Range
-50% to 50%, in steps of 5%
Shown when
accent_illustration is not 'none'
Color schemeColor scheme
ID
color_scheme
Default
scheme-3
Show entrance animationCheckbox

Fades the section in on scroll. Respects the theme animation setting and reduced motion.

ID
enable_entrance_animation
Default
On
Top paddingSlider

Adds space around the text on the section background. The image stays flush with the top and bottom edges.

ID
padding_top
Default
0
Range
0px to 120px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
0
Range
0px to 120px, in steps of 4px

Blocks

Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.

Topic topic

LabelText

3 words max works best.

ID
label
Default
Ingredient notes
LinkLink

Optional. Links the label to a page or blog.

ID
link