There’s also a chance that your pop-ups will frustrate clients and directly influence their decision not to buy, or even to leave the site at once. A proper pop-up setup has some tricky issues that can’t be overlooked, especially on mobiles. Always test your pop-ups on smartphones! A badly built pop-up disrupts the experience of your website and discourages clients from making a purchase. These mistakes can also cause a drop in your visibility rankings, so it’s best to be careful.
What a website pop-up is, and the main types
A website pop-up is a box that appears over the page with one message: an offer, a sign-up form, a reminder or a question. It stays on screen until the visitor acts on it or closes it. The pop-ups marketers build today are layers inside the page, not the separate browser windows that gave pop-ups their bad name. That difference answers a question many visitors ask: browsers such as Chrome block pop-up windows by default (the setting sits under Privacy and security, Site settings, Pop-ups and redirects), but they do not block an overlay that is part of the page. Only ad blockers and the visitor’s patience stop those, which is one more reason to make every pop-up earn its place.
The main formats are:
- Modal pop-up: a box in the middle of the screen over a dimmed page. The most attention and the biggest interruption.
- Slide-in: a smaller box that slides in from a corner and leaves the content readable.
- Floating bar: a strip at the top or bottom of the page, good for a free delivery threshold or a short promotion.
- Full-screen overlay: covers the whole page. Keep it for age checks, legal notices or a visitor who clicked to open it.
- Two-step pop-up: a button or a short question comes first, and the form appears only after a click.
- Gamified pop-up: a spin-to-win wheel or a scratch card that reveals a discount.
- Exit-intent pop-up: shown when the visitor seems about to leave (more on it below).
What makes a pop-up sell
The format matters less than the reason to act. “Join our newsletter” gives the visitor nothing. Ten percent off the first order, a size guide or free delivery above a set amount is a clear trade. Put the benefit in the headline, keep the text to a sentence or two and use one call to action. Ask only for what you need now: an email address is enough for the first step, and a phone number can wait for a second screen once the email is saved.
Vendor data shows the range you can expect. Wisepops, a pop-up tool, measured email sign-up pop-ups across its customers and reported an average conversion rate of 4.82% of displays in its 2026 benchmark. In the same data, multi-step pop-ups converted 5.17% against 4.62% for single-step ones, and pop-ups with an image 5.71% against 3.98% without. Treat these as one vendor’s averages, not as a target: what counts is whether your new version beats your previous one.
Mistakes that make visitors leave
Pop-ups start with a bad reputation. In a 2017 Nielsen Norman Group survey of 452 US adults, modal ads tied for the most disliked ad format on desktop and were among the most disliked on mobile. Even the most beautiful and useful pop-up needs to be tested on other devices. It can look different on each one, even when it was designed to be responsive. The mistakes that cost the most sales, especially on mobiles, are these:
Pop-ups appearing immediately after opening the site
Your client has just reached your site. You know nothing about their behavior and needs yet. Instead of the freedom to explore your website, they are greeted with a pop-up that may be irrelevant to them at that moment. Let’s assume you also ask for permission to send push notifications and show a cookie consent banner. That’s three windows your prospect needs to close to even see your website. How many times have you left a website, frustrated, when you saw something similar? I have, more than once. Don’t let that happen to your online shop.
Set up pop-ups to appear only after the user has spent some time on the site, or when they enter a page that shows interest in your products. Gather info about the user and present them with content they might actually care about. The triggers most pop-up tools offer are:
- Time delay: after a set number of seconds on the page or on the site.
- Scroll depth: after the visitor has read, say, half of the article or product page.
- Click: the visitor opens the pop-up from a button or a link, such as “Get the size guide”.
- Page and cart rules: only on one category, only for a cart above a certain value, only for visitors from a given campaign or country.
- Exit intent: when the visitor is about to leave.
Waiting pays. In Wisepops’ benchmark, pop-ups shown immediately converted 4.16% of displays, against 6.45% for those shown after 11 to 15 seconds. Pop-ups that visitors opened themselves with a click converted 54.42%, because the visitor asked for them. Decide also who should not see a pop-up: a subscriber should never be asked to subscribe again, and a buyer who has just used a discount code does not need another one.
Pop-ups that take up all visible space
That’s a major no-no on mobiles. Unless you are asking for the visitor’s age or a legally required consent, where hiding the content is understandable, shrink your pop-ups. Make them take up at most ⅓ of the screen, make sure they don’t hide the content the visitor came for, and give them a close button that is large enough to hit. No one wants to be interrupted by a full-screen ad while browsing.
Google has treated this as a ranking problem since January 10, 2017, when its change against intrusive interstitials on mobile took effect. It named three patterns: a pop-up that covers the main content right after a visitor arrives from search or while they scroll, a standalone interstitial that must be dismissed before the content, and a page whose top looks like one while the real content sits below the fold. Legally required notices such as cookie consent or age verification, login dialogs for private content and banners that use a reasonable amount of screen space were left out. Google’s current guidance, filed under page experience, says the same: don’t cover the whole page, and prefer banners that take only a small fraction of the screen.
Pop-ups that won’t close
Sometimes a pop-up is not responsive and appears too big on a mobile screen. The close button ends up above the visible area and can’t be reached, is too small to hit, or doesn’t react at all. That’s why testing pop-ups is so important. These situations are easy to prevent:
- Make the close button visible and big enough. WCAG 2.2 asks for click and touch targets of at least 24 by 24 CSS pixels; on a phone, bigger is better.
- Let visitors close the pop-up with the Escape key and by tapping outside it.
- Move keyboard focus into the pop-up when it opens, keep it there while it is open and return it to where the visitor was when it closes. The W3C pattern for modal dialogs describes exactly this.
- Write an honest decline link. “No thanks” works. “No, I don’t like saving money” makes the brand look desperate, and Nielsen Norman Group warns that this kind of shaming makes a pop-up feel one-sided.
Accessibility is no longer optional for shops that sell in the EU. Since 28 June 2025 the European Accessibility Act has covered e-commerce services, and a pop-up that a keyboard or screen reader user cannot close blocks the whole purchase.
Pop-ups that are not designed for mobile
Another common mistake is a pop-up that just doesn’t look right. Part of the text is missing and the pictures are cut in half: it didn’t scale down from the desktop version as it should. Visitors can see that something is not working, assume that your site is broken and untrustworthy, and leave. Design the mobile version first and adapt it for desktop, not the other way round. Then check it on a few real phones, in both orientations, with the keyboard open over the form field.
Mobile is worth the effort. In the same Wisepops benchmark, mobile pop-ups converted 4.98% of displays against 3.67% on desktop.
Be sure that your pop-ups don’t fall into any of these categories and correct the mistakes you find. That will directly influence not only your rankings, but also your sales.
Exit-intent pop-ups, on desktop and on mobile
An exit-intent pop-up appears when the visitor seems about to leave. On desktop, a script follows the cursor and fires when it moves quickly toward the top of the window, where the tabs and the address bar are. Ryan Urban of Bounce Exchange (now Wunderkind) filed a patent on detecting this exit behavior in 2012, granted in 2014, and today almost every pop-up tool has the trigger.
Do exit-intent pop-ups work on mobile? There is no cursor to follow, so mobile tools watch other signals, such as a tap on the back button or an attempt to close the tab. These signals are less precise, so keep mobile exit pop-ups small and show them at most once per session.
The best exit-intent pop-ups help the visitor instead of pleading. Nielsen Norman Group lists uses that improve the experience: an instant discount at checkout, so the shopper doesn’t leave to hunt for a coupon; a warning that the order is not finished; an offer to save the cart or a long form; a reminder by email for later; a link to live chat; or a mention of a price-match or returns policy.
To create one, pick the pages where leaving costs you the most (cart, checkout, pricing), write one offer that answers the likely reason for leaving, set the exit trigger together with a frequency limit, and compare the results with a version that shows no pop-up at all.
Ask for consent the right way
A sign-up pop-up collects personal data, so it needs the same care as any other form. Under the GDPR, which also applies to shops outside the EU that sell to people in it, consent has to be a clear, active choice: recital 32 says that “silence, pre-ticked boxes or inactivity” do not count. Say what the visitor will receive and how often, link to your privacy policy and never tick the marketing box for them. If the cookie consent banner is still open, wait until the visitor has answered it before you show anything else, so they never face two layers at once.
Test, measure and limit the frequency
Treat every pop-up as an experiment. Change one thing at a time, such as the offer, the headline or the delay, and run an A/B test against the current version or against no pop-up. Measure what the pop-up is for: orders and revenue per visitor, not only sign-ups, because a large discount can buy email addresses that never turn into buyers. A unique discount code per campaign makes those sales easy to find in GA4 or in your shop’s reports.
Then set frequency limits. Show a pop-up once per session, or once every few days to the same visitor, hide it from people who have already subscribed or bought, and retire offers that have stopped working. A visitor who closes the same pop-up three times is telling you something.
Any questions? Let's talk!
Write to us,