15 Brilliant (Non-Intrusive) Mobile Pop-up Examples In eCommerce

Mobile pop-ups have a 40% higher engagement rate than desktops. 

But at the same time, many of them hinder the shopping experience. They are intrusive. The text overlaps. Sizing is inconsistent. Blurred backgrounds. You get the gist. 

And then there are some really good ones: here are 15 examples of non-intrusive mobile pop-ups.  

15 (Least Annoying) Mobile Pop-Up Examples

1. Welcome using your value proposition

Elysium maintains consistency in its value proposition across the site. 

Trigger: On two scrolls 

Why we love it 

The pop-up conveys the benefit and backs it up with authority. 

Pro Tip 💡

Trigger your mobile pop-ups between 5-8 seconds after scrolling. 

2. Convert first-time visitors without annoying 

Glowrecipe nails this non-intrusive pop-up by sticking to a single form field.

Trigger: After 2 scrolls 

Why we love it 

Single form-field and Yes/No flip CTAs—gets more first-time shoppers to engage.

Pro Tip 💡

Using a prompt in your pop-up field can elicit more conversions. 

3. Encourage app adoption 

Lush encourages app downloads on checkout.

Trigger: On checkout 

Why we love it

The pop-up appears during checkout—offering a faster checkout experience. 

Pro Tip 💡

Offer a compelling incentive such as a better in-store experience, exclusive offers, and loyalty rewards to encourage app adoption.

4. Simplify personalization

Savor Beauty brings forth membership benefits via personalization.

Trigger: After 8-9 scrolls 

Why we love it

Allows customers to select their preferences—makes personalization easier.

Pro Tip 💡

Stick to a single form field in your mobile pop-ups for first-time visitors. 

5. Use your incentives as hooks 

Reitmans uses incentives—an anchor to draw visitors. 

Trigger: On click 

Why we love it 

The carousel helps UX—an alternative to endless scrolling.

Pro Tip 💡

When using an on-click pop-up, use a shiny hologram to direct the user’s attention. 

6. Create aspirational appeal

Garmentory creates aspirational appeal asking users to claim $10 off to shop with confidence. 

Trigger: On 2-3 scrolls 

Why we love it

The copy provides instant impetus for action.

Pro Tip 💡

Always keep your CTA between 2 to 5 words. Even better, find the average word length that has brought you conversions. 

7.  Maintain brand appeal 

Marshalls reinforces its brand appeal in this non-intrusive email example. 

Trigger: On 2 scrolls 

Why we love it 

Free shipping plus a dominant CTA leads to higher conversions.

Pro Tip 💡

For high-converting buttons, go for 48x48 px for your mobile pop-ups.

8. Use monochrome theme

Net-A-Porter uses a monochrome theme—black and white for better readability.

Trigger: On 3 scrolls 

Why we love it 

A tiered discount plus a limited-time CTA conveys urgency like no other.

Pro Tip 💡

Use uppercase in your CTA text to grab users’ attention instantly. 

9. Leverage widget pop-ups

Birkenstock uses a widget pop-up on its mobile site effectively reducing bounce rates.

Trigger: On click 

Why we love it

First dibs and free shipping as exclusive benefits is a sweet deal. 

Pro Tip 💡

Include a countdown timer to generate a 113% higher conversion rate.

You must read: 17 Top eCommerce Mobile Site Examples (Not Your Usual Brands)

10. Keep it simple 

Stio takes the minimalist approach with basic copy. 

Trigger: After 6 scrolls 

Why we love it

The dollar-off discount is highly persuasive for a high-consideration product.

Pro Tip 💡

Include a disclaimer saying which styles the discount will be applicable.

11. Offer twin incentives 

Happy Earth offers twin incentives in exchange for contact information. 

Trigger: After 5 scrolls 

Why we love it 

The personal touch plus double incentives mean more conversions.

Pro Tip 💡

Add emojis to your CTAs to increase your conversion rate.  

12. Emphasize craftsmanship 

Manitobah highlights craftsmanship in this mobile pop-up example. 

Trigger: After 4 scrolls 

Why we love it

The red CTA is a visual cue that communicates the offer brilliantly. 

Pro Tip 💡

Avoid using images in your mobile pop-ups—hurts your conversions.

13. Bring in the power of exclamation 

Duo Brand puts a strong emphasis in this mobile pop-up example.

Trigger: After 6-7 scrolls 

Why we love it

The tricolor palette makes readability easier. 

Pro Tip 💡

Use a multi-step pop-up when for more than one field to reduce drop-offs.

14. Stick to above the fold 

Tarte Cosmetics displays its pop-up in its above the fold for better visibility. 

Trigger: On signing cookie consent 

Why we love it 

With 540 x 203 pixels, this is the smallest mobile pop-up on this list. 

Pro Tip 💡

Using a round-edged CTA button directs the users’ attention towards the message. 

15. Drive conversions via a dominant CTA 

511 Tactical pumps more energy into their CTA text.

Trigger: After 8 scrolls 

Why we love it 

The privacy policy and other terms communicate transparency.

Pro Tip 💡

Use a preview button for spin-A-wheel pop-ups to reduce friction.

People Also Ask

1. Do pop-ups affect SEO?

While pop-ups don’t affect your search ranking as such, intrusive pop-ups that make it difficult to read content impacts your user experience. 

According to Google Search Central, the following pop-ups are bad and can be penalized: 

• Any pop-up appearing right after the user lands on the website or scrolling that covers the most of the page 

• Pop-up that has to be dismissed without which viewing the page content is impossible 

• A pop-up is placed above the fold but the content is below the fold 

• Any pop-up that directs the user to a different page 

All of these practices increase your bounce rate and load time while hampering accessibility. 

2. What is an interstitial pop-up?

An interstitial is a pop-up that covers a significant portion of the web page making it difficult to view the page content without closing it. 

Here’s an example of an interstitial mobile pop-up. 

3. Are pop-ups bad for accessibility?

Unfortunately, a major chunk of pop-ups hurt accessibility as they either refrain from accessing the main content or appear multiple times. In other cases, they blur the background(modal) or create an overlay where there’s just negligible space to view the content. 

It gets worse as people with visual impairments find it difficult to access information. 

More resources on Pop-ups:

Cart Abandonment Pop-Up: 14 Amazing Examples (That Actually Work)

Exit-Intent Pop-Ups: overcoming common mistakes + 20 brilliant examples

18 ways to make Shopify popups less annoying (+ examples)

Bottomline 

Once you get your mobile pop-ups in order, your visitors will sign up. Unfortunately, there’s a bigger issue at hand.

98% of visitors who visit an eCommerce site—drop off without buying anything. 

Why: user experience issues that cause friction for visitors. 

And this is the problem Convertcart solves. 

We've helped 500+ eCommerce stores (in the US) improve user experience—and 2X their conversions. 

How we can help you: 

Our conversion experts can audit your site—identify UX issues, and suggest changes to improve conversions.