How a pop-up or modal works
A modal is a layer drawn on top of the page, usually over a dimmed background, that takes control of the screen until the visitor dismisses it or does what it asks. The word pop-up is often used for the same thing, although strictly a pop-up once meant a separate browser window; modern browsers block those, so almost everything called a pop-up today is an in-page overlay.
What makes it a modal rather than a banner is that it blocks. Everything behind it becomes unavailable, keyboard focus should move into the overlay and stay there, and the Escape key should close it. Overlays that skip those details leave keyboard and screen-reader users stranded behind an invisible wall, which is one of the most common accessibility failures on otherwise well-built sites.
Something has to fire it: arrival, a delay, scroll depth, a click, or an exit signal. The trigger matters more than the design, because it decides whether the interruption lands on someone who was still reading or someone who had finished.
Why pop-ups and modals matter
They work, which is the awkward part. An overlay collects more sign-ups than the same offer sitting quietly in a sidebar, because it removes the option of not deciding. Used properly they are also the right pattern for genuine interruptions: confirming a deletion, showing a form that needs the visitor’s whole attention, or displaying an image at full size.
The cost is paid somewhere else and shows up later. Interruptions reduce the chance that a first-time reader comes back, shares the page or links to it. On phones, an overlay that covers the content on arrival is the pattern search engines specifically warn about, and it is also the hardest to close on a small screen with an imprecise thumb.
Where pop-ups go wrong
Firing on arrival is the classic error. The visitor has not read a word, so the offer is meaningless and the only rational response is to close it — which teaches them to close the next one without reading either. Stacking is worse: a cookie notice, a chat bubble and a newsletter overlay competing for the same screen.
Then there are the avoidable details. A close button too small to hit, a close button hidden until the visitor scrolls the overlay itself, an overlay that reappears on every page of the same visit, and copy that offers a discount to someone who came for information. Each one adds friction without adding a single conversion.
Getting it right
Earn the interruption. Fire on scroll depth or time on the page so the offer arrives after the reader has got something, exclude people who have already converted, and cap the frequency so a returning visitor is not asked again. Match the offer to the page: a checklist on a how-to article, a specification sheet on a product page.
Build it to close easily. A large, labelled close control, Escape to dismiss, a click on the dimmed background to dismiss, and focus returned to where the reader was. Then measure the whole page, not the overlay — enquiries, sales and return visits together — because an overlay can report a healthy opt-in rate while the page’s real conversions fall.