Newsletter Popup

Capture email leads with a customizable popup. Multiple trigger options let you engage visitors without disrupting their shopping experience.

📁 sections/newsletter-popup.liquid⏱️ 5 min setup

Overview

Newsletter popups are one of the most effective tools for growing your email list. This section includes smart triggers and design options to maximize signups.

⏱️

Smart Triggers

Time delay, scroll, or exit intent
🎁

Incentive Ready

Promote discount codes
🍪

Cookie Control

Don't annoy repeat visitors
📱

Mobile Friendly

Responsive design on all screens

When to Use

  • Email list building — Capture visitor emails for marketing
  • Discount promotion — Offer incentives for email signup
  • New visitor engagement — Welcome first-time visitors
  • Announcement — Share important updates

Quick Setup

Enable Newsletter Popup in 3 Steps

  1. 1In the Theme Editor, go to the Popups section group
  2. 2Configure the Newsletter popup section
  3. 3Enable the popup and choose your trigger type

Section Settings

Behavior & Triggers

SettingTypeDefaultDescription
Enable popupcheckboxfalseTurn the popup on or off.
Trigger typeselectTime delayWhen to show the popup.
Delay secondsrange5Seconds to wait before showing (Time delay trigger). Range: 0–60.
Scroll percentagerange50%Page scroll depth to trigger popup (Scroll depth trigger). Range: 10–90%.
Desktop onlycheckboxfalseOnly show popup on desktop devices.
Start timer after first user interactioncheckboxtrueWait for a click or scroll before starting the delay timer.
Show again after (days)range30Days before showing the popup again after dismissal. Range: 1–90.

Trigger Types:

Trigger Options

Scroll depth
Shows when user scrolls to X% of the page
Exit intent
Shows when cursor moves toward browser chrome (desktop only)

Advanced

SettingTypeDefaultDescription
Test mode (always show)checkboxfalseIgnore cookies and always display popup (for testing).
Require marketing consentcheckboxfalseOnly show popup if user has accepted marketing cookies.
Cookie nametextnewsletterPopupClosedCustom cookie name for tracking dismissal.
Accessibility labeltextNewsletter signupScreen reader label for the popup dialog.
Suppress after successful signupcheckboxtrueDon't show again after email is submitted.

Content & Appearance

SettingTypeDefaultDescription
LayoutselectImage leftPopup layout style. Options: Image on top, Image left, Image right, No image.
Imageimage-Feature image for the popup.
Image scroll effectselectReveal on scrollAnimation for the popup image.
Headinginline_richtextHelloPopup headline.
SubheadingrichtextEnter your email to see discount couponSupporting text below the heading.
Email placeholdertextInsert any email herePlaceholder text in the email input.
Button texttextGet my 50% offSubmit button label.
Success messagerichtextThank you for subscribing!Message shown after successful signup.
Color schemecolor_schemeScheme 1Apply a predefined color scheme.
Overlay opacityrange60%Background overlay darkness. Range: 0–100%.

Layout Options

Image on top
Image above the form content
Image right
Form on the left, image on the right
No image
Text-only popup (smaller footprint)

Trigger Strategy

Time Delay

Best for: New visitors who need time to browse first

  • Set 5-10 seconds for engaged visitors
  • Set 15-30 seconds for less aggressive capture

Scroll Depth

Best for: Engaged readers who scroll through content

  • 25-40% for blog posts
  • 50-70% for product pages

Exit Intent

Best for: Capturing abandoning visitors

  • Only works on desktop
  • Triggers when mouse moves toward browser controls
  • Most effective for cart abandonment recovery

Best Practices

Content Strategy

  1. Offer value — Discount codes, exclusive content, early access
  2. Be specific — "Get 15% off" is better than "Subscribe for deals"
  3. Keep it short — Headline + one line of text + email field
  4. Use urgency — "Limited time" or "While supplies last"

Timing

  1. Don't be aggressive — 5+ seconds minimum delay
  2. Wait for interaction — Enable "Start after first user interaction"
  3. Respect dismissals — 30 days is a good re-show interval
  4. Consider mobile — Popups are more intrusive on small screens

Testing

  1. Enable test mode — To see the popup without waiting
  2. Test on mobile — Ensure it's not blocking content
  3. Verify email delivery — Check that signups reach your email platform
  4. Check cookie behavior — Popup should not reappear immediately

Email Integration

Where Signups Go

Newsletter signups are stored in Shopify Admin → Customers. Subscribers are tagged with "newsletter" for easy filtering.

Email Marketing Integration

Connect your Shopify customers to email platforms:

  • Klaviyo — Syncs automatically
  • Mailchimp — Use Shopify integration
  • Omnisend — Native Shopify integration
  • Others — Export customer list or use Zapier

Troubleshooting

Popup not appearing

  • Ensure Enable popup is checked
  • If recently dismissed, clear cookies or enable Test mode
  • Check Desktop only setting if on mobile
  • Verify trigger conditions (scroll %, delay)

Popup appears too often

  • Increase Show again after (days) value
  • Enable Suppress after successful signup
  • Clear browser cookies to reset testing

Email signups not recorded

  • Check Shopify Admin → Customers for new entries
  • Verify form is actually submitting (no JavaScript errors)
  • Ensure email input has valid format

Image not showing

  • Verify Layout is not set to "No image"
  • Check that an Image is uploaded
  • Image must be under Shopify's size limits