Email popup
How to use the Email popup section in the Meditative Folks Theme.
Email popup
At a glance
Email capture popup for newsletters and launches, with timing and display rules.
Where to find it
- Theme editor path: Online Store → Customize → select the relevant page → Email popup
- Add to a page: Add via Add section → category Sections.
Settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Display mode | Test mode always shows the popup and clears dismissal storage on close. | test | Always |
| Side image | Shown beside content on center and full-screen layouts. Hidden on mobile. | — | Always |
| Side image focal point | Controls the image setting “Side image focal point”. Upload clear photos for best results. | center | Always |
| Delay before showing | Controls “Delay before showing” on the storefront. Open the theme editor to preview live. | 5 | Always |
| Show again after | Turns “Show again after” on or off on the storefront. | 7 | Always |
| Content alignment | Controls “Content alignment” on the storefront. Open the theme editor to preview live. | center | Always |
| Popup position | Full screen works on tablet and desktop only. | center | Always |
| Color scheme | Applies a color scheme from Theme settings → Colors. | scheme-1 | Always |
| Show on homepage only | Turns “Show on homepage only” on or off on the storefront. | No | Always |
Blocks
| Block | Purpose | Limit |
|---|---|---|
| Add and configure in theme editor. | — | |
| Heading | Add and configure in theme editor. | — |
| Text | Add and configure in theme editor. | — |
| Background image | Add and configure in theme editor. | 1 |
| Email form | Add and configure in theme editor. | 1 |
| Teaser button | Add and configure in theme editor. | 1 |
settings
No configurable settings.
Heading settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Heading | Controls “Heading” on the storefront. Open the theme editor to preview live. | Join our email list | Always |
| Heading size | Controls “Heading size” on the storefront. Open the theme editor to preview live. | 30 | Always |
| Max width | Controls “Max width” on the storefront. Open the theme editor to preview live. | 500 | Always |
Text settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Text | Controls “Text” on the storefront. Open the theme editor to preview live. | Subscribe to get special offers, free giveaways, and once-in-a-lifetime deals. | Always |
| Text style | Controls “Text style” on the storefront. Open the theme editor to preview live. | body | Always |
| Max width | Controls “Max width” on the storefront. Open the theme editor to preview live. | 400 | Always |
Background image settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Image | Controls the image setting “Image”. Upload clear photos for best results. | — | Always |
| Overlay opacity | Controls “Overlay opacity” on the storefront. Open the theme editor to preview live. | 0 | Always |
| Focal point | Controls “Focal point” on the storefront. Open the theme editor to preview live. | center | Always |
Email form settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show name field | Turns “Show name field” on or off on the storefront. | No | Always |
| Button label | Controls “Button label” on the storefront. Open the theme editor to preview live. | Subscribe | Always |
Teaser button settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Button label | Shown after the popup is closed. | Subscribe now | Always |
Setting details
Each control from the tables above, explained simply:
Display mode
Test mode always shows the popup and clears dismissal storage on close. Default: test.
Side image
Shown beside content on center and full-screen layouts. Hidden on mobile. Default: —.
Side image focal point
Controls the image setting “Side image focal point”. Upload clear photos for best results. Default: center.
Delay before showing
Controls “Delay before showing” on the storefront. Open the theme editor to preview live. Default: 5.
Show again after
Turns “Show again after” on or off on the storefront. Default: 7.
Content alignment
Controls “Content alignment” on the storefront. Open the theme editor to preview live. Default: center.
Popup position
Full screen works on tablet and desktop only. Default: center.
Color scheme
Applies a color scheme from Theme settings → Colors. Default: scheme-1.
Show on homepage only
Turns “Show on homepage only” on or off on the storefront. Default: No.
Heading
Controls “Heading” on the storefront. Open the theme editor to preview live. Default: Join our email list.
Heading size
Controls “Heading size” on the storefront. Open the theme editor to preview live. Default: 30.
Max width
Controls “Max width” on the storefront. Open the theme editor to preview live. Default: 500.
Text
Controls “Text” on the storefront. Open the theme editor to preview live. Default: Subscribe to get special offers, free giveaways, and once-in-a-lifetime deals.
Text style
Controls “Text style” on the storefront. Open the theme editor to preview live. Default: body.
Max width
Controls “Max width” on the storefront. Open the theme editor to preview live. Default: 400.
Image
Controls the image setting “Image”. Upload clear photos for best results. Default: —.
Overlay opacity
Controls “Overlay opacity” on the storefront. Open the theme editor to preview live. Default: 0.
Focal point
Controls “Focal point” on the storefront. Open the theme editor to preview live. Default: center.
Show name field
Turns “Show name field” on or off on the storefront. Default: No.
Button label
Controls “Button label” on the storefront. Open the theme editor to preview live. Default: Subscribe.
Button label
Shown after the popup is closed. Default: Subscribe now.
Tips
- Open the theme editor and select this section to preview changes live.
- Use Theme settings for fonts, colors, and buttons that apply store-wide.