Shopify Popups: Best Practices

Popups are the most effective list-building tool in eCommerce. They're also the most hated. The difference between a popup that grows your email list by 500 subscribers a month and one that drives visitors away from your site is entirely about execution.

Bad popups appear the instant you land on a site, cover the entire screen on mobile, offer nothing of value, and take three clicks to close. Good popups appear at the right time, offer a genuine incentive, are easy to dismiss, and convert at 3-6% without hurting the shopping experience.

Let me show you how to build the good kind.

Timing: When the Popup Appears

This is the single most impactful variable. Get the timing wrong and everything else is irrelevant.

Immediate popups (0-3 seconds): These are the ones people hate. The visitor hasn't even seen your homepage yet and you're asking for their email. They don't know if they like your brand. They don't know if they want to buy anything. They're not ready to commit.

Conversion rate: 1-2%. High annoyance factor. Mobile especially suffers because the popup obscures the entire screen.

Delayed popups (8-15 seconds): Better. The visitor has had time to scan the page, see your products, and form a first impression. The popup feels less aggressive because they've had a moment to orient themselves.

Conversion rate: 3-5%. This is the sweet spot for most stores.

Scroll-based popups (30-50% page scroll): Triggered when the visitor scrolls a certain percentage down the page. This indicates engagement — they're actually reading/browsing, not bouncing.

Conversion rate: 3-6%. Works well for content-heavy pages (blog posts, about pages).

Exit-intent popups: Triggered when the visitor moves their mouse toward the browser's close or back button. This catches people who are about to leave without converting.

Conversion rate: 2-4% among people who triggered it. Lower than delayed popups, but these are incremental captures — people who would have left with nothing.

Page-based triggers: Show the popup only after the visitor has viewed 2+ pages. This indicates genuine interest and creates a higher-quality capture.

Conversion rate: 4-7%. Fewer impressions, but much higher quality.

Our recommendation: Use a delayed popup (10-12 seconds) as your primary capture tool. Add an exit-intent popup with a different message for people who dismiss the first one.

The Offer: What You're Trading For the Email

Nobody gives away their email address for free. The popup needs to offer something valuable enough to justify the exchange.

Discount codes (most common): "Get 15% off your first order." This is the standard for eCommerce and it works. Test different discount amounts — 10% vs. 15% vs. 20%. Also test percentage vs. dollar amount ("$15 off" vs. "15% off").

Free shipping: "Get free shipping on your first order." For stores where shipping costs are a purchase barrier, this can outperform a percentage discount.

Exclusive content: "Get our free skincare guide" or "Download our style lookbook." Works for brands where education is part of the buying journey. Lower conversion rate than discounts but attracts higher-intent subscribers.

Early access: "Be the first to know about new drops and sales." Works for brands with strong followings and frequent launches. Lower conversion rate than discounts.

Contest/giveaway entry: "Enter to win [product bundle worth $500]." High conversion rate (5-8%) but lower subscriber quality (some people just want free stuff).

No offer (value proposition only): "Join our community for exclusive updates." Lowest conversion rate (under 1%). Not recommended unless you have a very strong brand that people want to associate with.

Design: What the Popup Looks Like

Size and Layout

Desktop: The popup should be a centered modal, not covering the entire screen. Recommended size: 500-600px wide, 400-500px tall. Small enough to feel non-intrusive. Large enough to include your offer, an image, and the form.

Mobile: This is where most stores fail. A full-screen takeover on mobile is annoying and can trigger Google's interstitial penalty (which hurts your SEO). Use a bottom sheet (slides up from the bottom) or a smaller centered modal that leaves some of the page visible.

Google's policy: interstitials (full-screen popups) that cover the main content and appear before the user has interacted with the page can result in a ranking penalty on mobile. Time-delayed popups that allow interaction first are generally safe, but test to be sure.

Visual Elements

Include a product image or lifestyle photo. Popups with images convert 20-30% better than text-only popups. The image should represent your brand or the incentive (a product photo for a discount, a guide cover for content).

Use your brand colors and fonts. The popup should feel like it belongs on your website, not like a generic template pasted on top of it.

The Close Button

Make the close button obvious and easy to click/tap. Don't hide it. Don't make it tiny. Don't make the customer hunt for the X.

Some brands use a "No thanks" text link instead of (or in addition to) an X button. "No thanks, I'll pay full price." These guilt-trip close buttons are controversial. Some people find them effective. Others find them manipulative. Use your judgment.

Form Fields

Email address only. That's it for the initial capture. Every additional field (name, phone number, birthday) reduces conversion rate by 10-25%.

If you want additional data, collect it AFTER the email capture in a follow-up email or a multi-step form where the email is step one and the extra questions are step two.

The exception: if you're collecting SMS opt-in alongside email, a phone number field is acceptable. But make it optional, not required.

Multi-Step Popups

Two-step (or multi-step) popups consistently outperform single-step popups by 20-40%. Here's why they work:

Step 1: A question or yes/no prompt. "Want 15% off your first order?" with two buttons: "Yes, give me 15% off" and "No thanks."

Step 2: The email form. Only appears after they click "Yes."

The psychology: clicking "Yes" is a micro-commitment. Once they've committed to wanting the discount, entering their email feels like the natural next step. The barrier has already been lowered.

In Klaviyo's form builder, you can create multi-step forms natively. Step 1 is the teaser, step 2 is the email field, and optionally step 3 is additional questions (preferences, birthday, SMS opt-in).

Frequency and Suppression

Don't Show the Popup to Everyone Every Time

First-time visitors only: The primary capture popup should only appear to visitors who aren't already on your email list. Suppress it for existing subscribers. Klaviyo forms can check for existing profiles and suppress accordingly.

Frequency cap: If someone dismisses the popup, don't show it again for 7-14 days. Showing it on every page load is the fastest way to irritate potential customers.

Post-conversion suppression: After someone subscribes, don't show them a different popup immediately. Give them a grace period (30 days) before showing other capture forms.

Returning visitor behavior: If someone has visited 5+ times without subscribing, they've made their decision. Don't keep showing the same popup. Try a different approach (exit intent with a different offer, or an embedded form on the page instead of a popup).

Different Popups for Different Contexts

Homepage visitors: Standard discount popup. Product page visitors: Popup mentioning the specific product category. "Looking at skincare? Get 15% off your first skincare order." Blog readers: Content upgrade popup. "Want more tips like this? Join our newsletter." Cart page visitors: Don't show a popup on the cart page. They're about to buy. Don't interrupt them. Returning visitors who've dismissed before: Exit-intent only, with a different offer or message.

Measuring Popup Performance

Submission rate: Form impressions divided by submissions. Target: 3-6% for delayed popups, 4-8% for multi-step.

Impact on bounce rate: Compare bounce rates before and after implementing the popup. If your bounce rate increased by more than 2-3 percentage points, the popup is too aggressive.

Revenue per subscriber: Track how much revenue each popup-acquired subscriber generates over 30, 60, and 90 days. This is the metric that determines ROI.

Mobile vs. desktop performance: Most popups perform differently by device. Optimize each independently.

The Bottom Line

Popups work. The data is clear. But they work ONLY when they respect the visitor's experience: right timing, genuine value, easy dismissal, appropriate frequency.

Build a delayed popup with a compelling offer and a multi-step format. Suppress it for existing subscribers. Don't show it on cart or checkout pages. Test different offers and timing. Measure submission rate AND downstream revenue.

If you want help optimizing your Shopify popup strategy and connecting it to a Klaviyo email program that converts those subscribers into buyers, book a call with us. We'll audit your current setup and show you where the list-growth opportunities are.