Conversion Optimization

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

February 14, 2024

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.