Section: Email Popup

Everything you'll need to know on how to setup your Email Popup section.

The Email Popup section displays a modal dialog that captures email subscribers in exchange for a discount code. Triggers on exit intent, time delay, scroll percentage, or immediately on page load. Suppresses for a configurable number of days after dismissal so visitors aren't repeatedly interrupted. Submits via AJAX (no page reload) and reveals a discount code on success.

The Email popup is a site-wide section. It is rendered on every page of your storefront automatically — you do not add it from Add section. To configure it, find the floating Email popup badge inside the page preview in the theme editor.

1) Open the theme editor for any page (Home, a product, etc.). Scroll the preview area until you see the floating Email popup badge.

2) Click the badge. The right sidebar opens with the section settings.

3) Configure the fields below. Use the Enable checkbox to turn the section off site-wide without losing your configuration.

Master switch. Tick this box to enable the popup on the storefront. Untick to disable temporarily without removing the section.

Select the color scheme for the popup. You can pick from any of the schemes set up in Theme Settings → Colors.

Small uppercase label above the heading. For example: Exclusive offer, Limited time.

The main popup headline. For example: Get 10% off your first order.

Rich-text paragraph below the heading. Supports bold, italic, links.

Optional. When set, the popup uses a split layout with the image on the left and the form on the right. Recommended: 700 × 700 px.

Placeholder text for the email input. Default: Your email address.

The submit button label. Default: Get my discount.

Rich-text legal note below the form. Default: No spam, ever. Unsubscribe anytime.

Text-only link visitors click to dismiss without subscribing. Default: No thanks, I'll pay full price.

Leave blank to skip the code reveal step. When set, the success state displays the code in a copyable pill so visitors can use it at checkout. Create the code first in Discounts in your Shopify admin.

Message shown after a successful subscription. Default: You're in! Use the code above at checkout.

How the popup is triggered: Exit intent (mouse leaves page) for desktop visitors who are about to leave; After time delay for a fixed wait; After scroll percentage when visitors scroll past a threshold; or Immediately on page load for max visibility.

Used by 'After time delay'. Also a mobile fallback for exit intent. Range 2–30 seconds. Default: 5.

Used by 'After scroll percentage'. Range 10–90%. Default: 50%. Visitors who scroll past this depth see the popup.

After dismissal, the popup won't reappear for this many days. Range 1–90 days. Default: 30. Stored as a cookie in the visitor's browser.

Check that Enable popup is on. Also: if you've already dismissed it once, it's hidden via a cookie for the configured number of days. To re-test, clear cookies for your store domain or open a private/incognito window.

Create discount codes in the Shopify admin under Discounts. Once created, paste the exact code (e.g. WELCOME10) into the Discount code to reveal field. The popup only displays the code — Shopify validates it at checkout.

Mobile browsers don't have a mouse, so exit intent (which relies on mouse leaving the viewport) can't fire. The section automatically falls back to the Time delay setting on mobile devices when the trigger is set to Exit intent.

The popup uses Shopify's customer signup form and tags new subscribers with newsletter. Filter by this tag in Customers to find them. To sync with Klaviyo, Mailchimp, or other ESPs, use the corresponding Shopify app — they typically pick up new customers automatically.

The Email popup is a site-wide section. It is rendered on every page automatically from theme.liquid, so it does not appear in the Add section menu. To configure it, scroll to the bottom of any page preview in the theme editor and click the floating Email popup badge — the sidebar opens with all the settings.