Section: Email Popup

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

Escrito por Cartiafy Team Updated April 2026

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.

Where to find this section

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.

General

Enable pop-up

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

Combinación de colores

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

Content

Sobrescrito

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

Encabezado

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

Subheading

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

Image (optional — creates a split layout)

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.

Form

Email placeholder

Placeholder text for the email input. Default: Su correo electrónico.

Texto del botón

The submit button label. Default: Get my discount.

Privacy notice

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

Skip link text

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

After subscribing

Código de descuento para revelar

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.

Éxito

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

Desencadenar

Mostrar ventana emergente cuando

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.

Time delay (seconds)

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

Scroll % to trigger

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

Days before showing up again

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.

Preguntas frecuentes

Why isn't my pop-up showing?

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.

Where do I create the discount code?

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.

¿Por qué no funciona la intención de salida en móviles?

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

Can I send subscribers to a specific list?

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.

¿Dónde encuentro la sección en el editor?

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.