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.
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Â
- 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.Â
.svg)
.svg)
.svg)
.svg)
.svg)
