What are Pop-ups?

A pop-up is an overlay that a storefront displays above page content to concentrate attention on a single message. Typical triggers include a time delay, scroll depth, the number of pages viewed, an exit signal from the cursor, or a click on a dedicated element. Common payloads are newsletter sign-up forms, discount codes for a first order, shipping notices, or short surveys. Pop-ups appear on home pages, category pages, product pages, and in the cart, and they are usually rendered on the client after the underlying page has loaded.

Definition

The term covers several formats that differ in intrusiveness: modal overlays that block interaction until dismissed, slide-ins anchored to a screen corner, and embedded or sticky banners that cover no content at all. Frequency capping, segment rules, and suppression after a completed conversion separate a controlled pop-up program from indiscriminate interruption. Legal and technical constraints apply. Consent for marketing email must be collected explicitly and documented, interstitials that obscure content on mobile can reduce search visibility, and every overlay needs a close control that is reachable by keyboard and screen reader.

Why it matters

In a composable storefront the overlay belongs to the presentation layer and stays decoupled from page rendering. Targeting rules, campaign definitions, and creative content live in a headless CMS or a campaign service and reach the frontend through an API, while the storefront resolves at the edge or on the client which rule applies to the current session. Loading the overlay bundle only after first render leaves Largest Contentful Paint and Cumulative Layout Shift untouched. Display state, capping counters, and consent status belong in one shared client store so that every channel reads the same rules.

Use cases

On a landing page an entry overlay collects addresses for a welcome series. On category pages a delayed overlay can promote a seasonal edit once browsing intent is visible. On product detail pages a size guide or a notify-me form works better as an overlay than as a separate page. In the cart an exit signal can recall the free shipping threshold instead of releasing a discount. After purchase an overlay can invite a review or an app installation. B2B storefronts use overlays for country selection, price list access, and account requests.

Related

Explore Exit Intent · Email Marketing.