A pop-up or modal is a box that appears over the page and asks the visitor to respond, whether to sign up, accept something, make a choice or simply read a message. “Modal” is the more precise term for a window that blocks the rest of the page until it is dealt with; “pop-up” is used loosely for any overlay, including small slide-ins that leave the page usable.
How a pop-up or modal works
Pop-ups are triggered by rules. Common triggers are:
- On arrival, as soon as the page loads.
- After a delay or scroll depth, such as 30 seconds or halfway down an article.
- On exit, when the cursor moves towards closing the tab. An exit-intent pop-up relies on cursor movement on desktop; phones have no cursor, so tools fall back on rougher signals such as a quick scroll upwards.
- On a click, for example a “Book a call” button that opens a booking form in a modal.
The last kind is different in spirit: the visitor asked for it. Modals opened by a click, such as image galleries, size guides or booking forms, are rarely a problem. The friction comes from overlays the visitor did not ask for.
A well-built modal moves keyboard focus into the box, keeps it there until the box closes, closes with the Escape key and returns focus to where the visitor was. Without that, keyboard and screen reader users can get stuck, which is a web accessibility failure as well as an annoyance.
Why it matters
Pop-ups can work. A discount for first-time buyers or a useful guide offered at the right moment can build an email list faster than a form in the footer. The question is always what it costs in visitors who leave instead.
On UK sites the first screen is already crowded. Almost every site shows a cookie banner on the first visit, because consent for non-essential cookies is required. Add a newsletter modal and a chat widget, and a phone visitor may see three overlays before a single line of the page. Many simply press back.
Google also takes a view. Its guidance on intrusive interstitials treats pop-ups that cover the main content as soon as someone arrives from search, particularly on mobile, as a poor experience. Legally required notices such as cookie consent and age checks are treated differently, but a marketing pop-up over the article someone clicked on is exactly the pattern it describes.
Common mistakes
- Showing a sign-up pop-up the instant the page loads, before the visitor knows what the site offers.
- Close buttons that are tiny, low-contrast or placed off-screen on small phones.
- Showing the same pop-up on every page, every visit, after someone has already closed it or signed up.
- Close links written to shame people into accepting.
- Full-screen pop-ups on mobile landing pages that were paid for with ad clicks.
- Never measuring how many visitors leave from the pop-up, only how many sign up.
How to act on it
Open your site in a private window on a phone and count the overlays you see before the content. If there is more than the cookie banner, move the others later: trigger marketing pop-ups after meaningful engagement, such as reading most of a page or viewing a second page, and never on the first screen of a page that ranks in search.
Set frequency rules so anyone who closes the box does not see it again for weeks, and nobody who has signed up sees it at all. Test closing it with a keyboard. Then compare sign-ups against bounce rate and conversions on the same pages, before and after.
I look at the full first-visit experience, including consent, pop-ups and chat, when planning a website redesign, because overlays added one at a time by different people are a common reason mobile visitors leave.