Captures for Newsletter popup at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
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.
Enable newsletter popupCheckbox
Shows once per visitor after the selected delay. Closing it or signing up prevents it from appearing again.
ID
enable_popup
Default
Off
Display delaySlider
Wait before showing the popup. A minimum delay keeps it from appearing immediately.
ID
delay
Default
10
Range
5s to 60s, in steps of 5s
Shown when
enable_popup
Content
EyebrowText
ID
eyebrow
Default
The letter
HeadingRich text (inline)
ID
heading
Default
Read your skin differently.
Heading sizeDropdown
ID
heading_size
Default
Small
Smallsmall
Mediummedium
Largelarge
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
4:3 aspect ratio recommended. The image crops to fill its column. 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. On mobile the image stacks above the text in a landscape crop.
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
Shown when
show_media
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
-50
Range
-180° to 180°, in steps of 5°
Shown when
accent_illustration is not 'none'
Accent illustration horizontal shiftSlider
ID
accent_shift
Default
20
Range
-50% to 50%, in steps of 5%
Shown when
accent_illustration is not 'none'
Color schemeColor scheme
ID
color_scheme
Default
scheme-6
Card color schemeColor scheme
Applies to the contained newsletter card. The section color scheme frames it when top or bottom padding is set.
ID
card_color_scheme
Default
scheme-6
Show card shadowCheckbox
Adds a shadow behind the newsletter image and content card.
ID
show_card_shadow
Default
On
Show entrance animationCheckbox
Shows the popup with the theme's animation style. Respects reduced motion.
ID
enable_entrance_animation
Default
On
Top paddingSlider
Adds space above the card on the section background.
ID
padding_top
Default
20
Range
0px to 120px, in steps of 4px
Bottom paddingSlider
Adds space below the card on the section background.
ID
padding_bottom
Default
20
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.