Every state · 5 captures · 1 stores
Newsletter / Email Capture patterns
Email capture: the newsletter and welcome-offer modals stores use to convert first-time visitors into subscribers. Every example below is a real capture from a live storefront, not a mockup.
About the newsletter / email capture pattern
What it is
The newsletter or email-capture pattern is the modal, banner, or slide-in a store uses to convert an anonymous first-time visitor into a known contact, almost always in exchange for a first-order discount or early access to a sale. It's usually the first interruption a new visitor sees, arriving anywhere from immediately on load to after a scroll or exit-intent trigger.
Why it matters for conversion
Most first-time visitors don't buy on their first visit, so email capture is often the highest-value action a store can extract from that session: it turns a visit that would otherwise leave zero trace into a contact who can be remarketed to via email or SMS. Timing and incentive size are the two levers that matter most, a discount offered too early feels like a tax on browsing, while one offered too late (or not at all) leaves easy incremental revenue on the table for shoppers who would have converted for a small nudge.
What to look for
The best-executed versions trigger on a meaningful signal, a scroll threshold, dwell time, or exit intent, rather than instantly on page load, and make the value exchange explicit (a specific percentage or dollar amount, not just "join our list"). A visible, easy-to-find close action matters as much as the offer itself, since a modal that feels trapping does more brand damage than the missed signup is worth. Mobile-specific sizing is worth watching too, since a modal built for desktop proportions can cover the entire viewport on a phone.
Common variations
Fashion and beauty brands typically lead with a percentage-off first-order incentive tied to signup, since that audience responds well to an immediate, tangible discount. Higher-consideration or B2B-leaning stores often swap the discount for content, a buying guide or size chart, betting that a useful resource earns the email address more credibly than a coupon. Some stores skip the interruptive modal entirely in favor of a persistent footer or post-purchase capture, trading a lower response rate for a lower risk of annoying new visitors.
Brand palettes in this gallery
The exact colors these newsletter / email capture screens are built from, sampled from each live storefront.
See every newsletter / email capture flow, state by state
The whole library is free to browse. Pro pipes these patterns straight into your AI tools over MCP.
Free to browse · Pro unlocks the MCP