Shopify email popup best practices: timing, offer, mobile and consent

An email popup is one of the simplest ways for a Shopify store to build an email list. It is also one of the easiest things on a store to get wrong. Show it too early and visitors close it. Make it hard to close on a phone and you annoy the people you want to reach. Use one shared code and it ends up on coupon sites.

This checklist covers the decisions that matter most: timing, the offer, mobile, discount codes, consent and how to measure the result.

1. Show the popup at the right moment

The popup interrupts whatever the visitor is doing. The question is when that interruption is welcome. Common triggers are:

• Delay: the popup appears after a number of seconds on the site. It gives visitors time to see the store before you ask for anything.
• Exit intent: on desktop, the popup appears when the mouse moves toward closing the tab or the address bar. It reaches visitors who are about to leave anyway. Phones have no mouse, so apps rely on other signals or on a delay there.
• A button the visitor opens: a small floating button lets people come back to the offer after they closed the popup.

Combining exit intent with a delay, whichever comes first, is a sensible default. Then limit how often the popup opens by itself, for example once per visit, and stop showing it to people who already signed up or won.

2. Make the offer clear in one glance

Visitors decide in a second or two whether to read a popup. Make that second count:

• Say what they get, for example a discount on the first order, in the headline.
• Say what they need to do: enter an email.
• Keep the text short. One headline, one line of explanation, one button.
• Ask only for the email, or the email and a first name if you use it.

A game popup adds a short game between the email and the reward. It still works best with the same clear offer up front.

3. Respect mobile visitors

Many visitors browse on phones, where a popup takes up much more of the screen. Google's Search Central guidance also recommends avoiding intrusive interstitials and dialogs that make content hard to access, especially on mobile. In practice:

• Use a smaller popup on phones and make sure it fits the screen without scrolling.
• Make the close button easy to see and large enough to tap.
• Avoid covering the page the moment a visitor arrives from search. Wait a little first.
• Check the popup on a real phone, not only in the editor preview.

4. Give visitors a way back

Plenty of people close a popup because the timing is wrong, not because the offer is wrong. A small floating button that reopens the popup lets them come back when they are ready to buy. After a win, the same button can remind them of their code.

5. Protect your discount

A single welcome code that everyone receives can be shared on coupon sites and used by people who never signed up. Unique, single-use codes avoid that: each subscriber gets their own code, and it works once. Add a real expiry so the discount does not stay open forever. The guide on unique discount codes on Shopify explains the options.

Applying the code automatically at checkout also helps. The visitor does not have to copy and paste anything, and there is less reason to search for other codes.

6. Collect consent properly

Getting an email address for a discount and getting permission to send marketing emails are two different things. Use a clear, unticked checkbox for marketing consent, link to your privacy policy, and store the consent with the customer. The guide on CAN-SPAM, GDPR and double opt-in covers what applies in the US and the EU.

7. Match your brand

Use the colors and fonts of your store. A popup that looks like part of the store feels like an offer from the brand, while a generic one looks like an ad. Keep the tone of the text the same as on the rest of the site.

8. Measure each step, then test one change at a time

Treat the popup as a small funnel and track every step:

• How many visitors saw it
• How many entered an email
• How many codes were used
• How much revenue came from orders with a popup code

Split the numbers by device as well, because desktop and phone visitors often behave differently. When you want to improve the popup, change one thing at a time, for example the headline or the trigger, and compare the results with an A/B test over the same period.

Quick checklist

• The popup waits for a delay or exit intent instead of opening on page load.
• It opens by itself at most once per visit and never after a sign up.
• The headline states the offer, and the form asks only for an email.
• On phones it fits the screen and the close button is easy to tap.
• A floating button lets visitors reopen it.
• Every subscriber gets a unique, single-use code with a real expiry.
• Marketing consent uses an unticked checkbox and a link to the privacy policy.
• It uses your brand colors.
• You track views, emails, code uses and revenue, by device.

Where Kodra Play fits

Kodra Play covers most of this checklist out of the box: exit intent and delay triggers, a limit on how often the popup opens, a floating button to reopen it, separate popup sizes for desktop and phones, one-click store colors, unique single-use codes with a real expiry, auto-applied at checkout, marketing consent and optional double opt-in, A/B tests, and stats for views, emails, plays, wins and revenue, including desktop vs phone. It is free until the popup brings you $500 in sales a month.