These email popup examples differ in what they offer, how much information they request and what happens after they close. Some leave a small way back; others ask visitors to choose the emails they want. Examine the invitation and the exit together, including on a phone.
Intelligentsia collapses its offer into a compact corner tab when the popup is dismissed. A visitor can browse and return to the form later. The tab still takes up space, so its position needs checking alongside chat, cookie controls and product information on a phone.
For your store
Leave an optional way back to a dismissed offer.
REP Fitness adds checkboxes for equipment, supplements and apparel to its signup offer. Those categories correspond to distinct parts of the catalog. The study did not test the emails sent afterward, so it establishes the visible preference question only. The answer should have a purpose in later communication.
For your store
Ask about interests when the answer changes what subscribers receive.
Proud Mary Coffee surrounds its popup with an illustrated border. The invitation is visually recognizable, but the captured form also asks for several contact fields. Each is another step for the visitor. The illustration can carry the brand's character while the form asks only for information required by the offer.
For your store
Give the form character and keep the required information proportionate.
Olli Ella pairs brand illustrations with a discount message and a single email field. A close control sits in the corner. The request is short enough to understand at a glance. On mobile, the keyboard still needs to leave room for the field, offer conditions and dismissal.
For your store
Keep a straightforward offer paired with a short form.
Appointed's split popup pairs a graphic panel with the form. Visitors can dismiss it through either a close icon or a No Thanks action. The written option makes declining explicit. The study did not test when the offer returns, so repeat-display timing remains a separate implementation decision.
For your store
Give visitors a plainly worded way to decline.
KARHU asks subscribers whether they prefer lifestyle, running or both. The choices use familiar parts of its range, and the popup can be dismissed without answering. For a brand with distinct audiences, this question can help set expectations about email content if the subsequent messages honor the selection.
For your store
Use preference labels that correspond to the content subscribers will receive.
Story Mfg.'s signup floats in a corner without dimming the full page. Browsing remains available behind it, and the panel cycles through imagery. The placement limits how much the form blocks, though moving images can still draw attention away from products. A static image is worth comparing during review.
For your store
Keep browsing available and check whether motion competes with the page.
NEST presents a discount message, email field and submit control in a centered modal. The page behind it is dimmed. The study did not record its trigger timing, which matters when evaluating how the offer interrupts a visit. The form itself provides a simple layout to compare with more elaborate examples.
For your store
Review when the offer appears as well as what it says.
Mushie puts its offer and email field inside a circular popup. In the recorded session, the panel blocks the page until dismissed. The shape makes the invitation recognizable but leaves less room around its controls. On small screens, text size and a visible close button need priority over the circle's proportions.
For your store
Keep the field and exit readable inside an unusual shape.
Exploding Kittens leaves a floating offer button after the initial popup. Visitors can reopen the form when they are ready, including after reading about a game. Its size and position need to leave shopping controls accessible. Reopening the form should also show the offer terms again.
For your store
Let visitors decide when to return to signup.
OMY turns its dismissed offer into a bright starburst badge. In the mobile capture, the badge overlaps the start of page content. It provides a visible route back to signup, but its size and placement need adjustment to avoid covering headings or purchase controls.
For your store
Check a reopen badge against the content beneath it.
Studio Nicholson pairs a campaign photograph with a spare signup panel. The split layout carries the store's editorial photography into the invitation, with a close action in the corner. The image gives the form context without requiring more fields from the visitor.
For your store
Use relevant campaign imagery to connect signup with the rest of the store.
Jeni's includes a route for existing members beside its offer and email field. Returning customers have a different starting point from new subscribers, and the form acknowledges it. Their route should be easy to find so they do not repeatedly work through a signup intended for someone else.
For your store
Give existing members a clear route through the offer.
House of Hackney offers samples and asks whether the visitor is an individual shopper or a designer. Samples help with the material choices involved in furnishing a home. The audience question also reflects different kinds of customers, though its value depends on how the subsequent experience uses the answer.
For your store
Choose an incentive that helps with the product decision.
Lotuff uses a centered white panel with one email field and a subscribe button. The recorded close control dismisses it immediately. The short form leaves little for the visitor to work through, so a clear explanation of the subscription is particularly important: the offer itself needs to justify the request.
For your store
Keep the request brief and make closing the form straightforward.
The offer should explain why someone would want the emails before asking for their address. House of Hackney connects its invitation to samples, a practical part of choosing furnishing materials. KARHU asks whether subscribers prefer lifestyle products, running or both. That question has a recognizable purpose; the emails should honor the answer.
Compare those requests with Olli Ella’s single email field and Proud Mary Coffee’s longer form. Add a field only when its answer is needed for the offer or changes the communication. Keep any conditions close to the invitation, and check that the mobile keyboard does not hide them or the submit control.
Appointed provides both a close icon and a written No Thanks action. Intelligentsia and Exploding Kittens leave a small control for reopening the offer after dismissal. These are separate decisions: declining should close the interruption, while a return control should let an interested visitor reopen it at their own pace.
Check the space that return control occupies. OMY’s recorded mobile badge overlaps the beginning of page content, showing why a small desktop decoration can become a mobile obstruction. Review the open form, the dismissed state and the keyboard together. The captures do not establish repeat-display timing, so test that separately rather than inferring it from the screenshot.
Give visitors time to understand the page and decide whether the offer is relevant. There is no single delay suitable for every store. Respect dismissals and test whether the timing interferes with browsing.
Ask for the information needed to deliver the offer. A preference question is worth adding when it changes the emails a subscriber receives; otherwise it adds work to signup.
A small optional button or tab can reopen the form. Check that it does not cover page content, and avoid reopening the popup automatically throughout the same browsing task.
It is a signup form that appears over or beside the page to invite a visitor to subscribe. In these examples, the invitation may include a discount, samples or a choice of email topics. It should also explain how to decline.
No. The invitation needs a reason to subscribe that the store can deliver. Product updates, relevant preferences or access to samples can be part of that explanation. State the offer clearly instead of relying on the form design alone.
Give Fudge a goal and a reference. It suggests changes for your store, builds a draft in your Shopify theme and reports back. You review each change before it goes live.
See how the store editor works