Mobile Popups on Shopify: Design Rules That Keep Your Conversion Rate High

If you design your popup on a laptop and check it on a phone afterward, you are designing for the minority.

In a recent 11-day sample of PopupBoost data, 80% of popup views came from mobile, 19% from desktop and about 1% from tablets. The phone version is the real version of your popup.

Data note: Device figures come from roughly 1.2 million PopupBoost popup events between October 29 and November 9, 2026, all stores combined and anonymous.

Mobile shoppers play more and close more

Here is the surprising part. Mobile visitors are much more likely to engage than desktop visitors, and also much more likely to close the popup.

On a phone, the popup fills the attention of the shopper. They decide fast: play or close. On desktop, the popup is one window among many, and plenty of visitors simply ignore it.

So your mobile design needs to do two things. It needs to make the decision to play easy, and it must make the decision to close painless, so the shoppers who say no do not leave the store.

Nine design rules for mobile popups

1. Lead with the offer, not the brand

The first line people read should be the prize. "Spin to win up to 20% off" beats "Welcome to our store!" every time. On a small screen, you get one line before the thumb moves.

2. Keep the form to one field

Each extra field is harder to fill on a phone. Across all devices, campaigns asking for a name had a median engagement of 5.2% against 8.3% without. On mobile, typing a name with an autocorrecting keyboard makes it worse.

3. Make the close button obvious

A tiny "x" in the corner is hard to hit with a thumb. Use a visible close button and allow tapping outside the popup to dismiss it. A shopper who closes easily is still a shopper. One who fights the popup often leaves.

4. Leave part of the page visible

A popup that covers the entire screen on arrival is the riskiest setup for SEO and the most annoying for shoppers. A layout that leaves some of the page visible signals that this is an offer, not a wall. See are popups bad for SEO.

5. Use a game that fits a thumb

Scratching and tapping feel natural on a phone. The median scratch card campaign reached 17.9% engagement, more than double the median spin wheel. If your wheel is struggling on mobile, a scratch card is worth testing. Compare both in scratch card vs spin wheel.

6. Make the code easy to use

Copying a code on a phone and pasting it at checkout is clumsy. PopupBoost can auto-apply won codes to the cart, so the shopper does not have to remember anything.

7. Add a teaser for the shoppers who close

Many mobile visitors close the popup because the timing is wrong, not because they dislike the offer. A small floating teaser lets them reopen it when they are ready.

8. Respect the keyboard

When the email field is focused, the phone keyboard takes half the screen. Check that the submit button stays visible above it. If it does not, shorten the copy above the field.

9. Test on a real phone

Browser previews can hide problems. Open your store on an actual phone, on mobile data, and go through the full flow: see the popup, play, copy or apply the code, and reach checkout.

Where to show mobile popups

Page type changes the result as much as design does. In an early November sample across all devices:

• Homepage: 23.9% played
• Search results: 23.0%
• Collection pages: 15.8%
• Product pages: 4.2%

On a product page, the mobile shopper is focused on one item and has limited screen space. A popup there feels like an obstacle. Keep your main campaign on the homepage and collections, and consider a teaser only on product pages.

A simple mobile setup to start with

1. Choose a scratch card or a compact wheel.
2. Show it immediately or after up to 2 seconds on the homepage and collections.
3. Ask only for an email.
4. Offer free shipping or a clear discount.
5. Enable the floating teaser and auto-apply for won codes.
6. Limit it to once per day.

Then watch your mobile engagement for two weeks. If it is below the overall median of 8%, change the game type or the prize before touching anything else.

For timing details, read popup timing on Shopify. For the full picture, start with our Shopify popups guide.

Frequently asked questions

Do popups work on mobile?

Yes. In PopupBoost data, mobile visitors played popup games 15.9% of the time compared with 6.0% on desktop. They also closed popups more often, so the design needs to be quick to understand and easy to dismiss.

How big should a mobile popup be?

Big enough to read the offer and tap the button comfortably, but not so big that it hides the whole page on arrival. A layout that leaves part of the page visible, or a teaser that opens the full game on tap, is the safer choice for both shoppers and Google.

Should I show a different popup on mobile and desktop?

Often yes. Mobile and desktop visitors behave very differently. Many stores run a scratch card or compact wheel on mobile and use exit intent with a stronger offer on desktop.