ChatGPT
Perplexity
Claude
Grok
Google AI Mode
What is a popup ad?
A popup ad is a small overlay that appears on top of a webpage to deliver a specific message: a discount, a newsletter signup, a survey, a cart-abandonment offer. Unlike banner ads buried in the layout, popup ads sit in front of the content and demand a quick yes/no decision from the visitor.
The format is broader than the full-screen modal most people picture. A popup ad can be a center modal, a sticky bar at the top of the screen, a corner slide-in, a fullscreen takeover, or a small teaser that expands when clicked. Each format has its own use case. A sticky bar suits a sitewide announcement. A slide-in fits a contextual content offer. A center modal works for a high-stakes ask like an exit-intent discount. Our guide to types of popups walks through every format with examples.
Timing is what sets popup ads apart from any other on-site message. They fire on specific behaviors (exit intent, scroll depth, time on page, a returning visit) instead of sitting in the page and waiting.
Popup ads vs the pop-ups your browser blocks
"Popup ads" names two different things, and most people searching the term want to stop the second one. This guide builds the first.
- An on-site popup is an overlay drawn inside your own page, about your own offer. It lives in the page's code, it closes with a click, and you decide who sees it and when.
- An ad-network pop-up (or pop-under) is a separate browser window or tab that a script opens, usually carrying someone else's ad. It's the classic pop-up the web learned to hate.
Browsers stop the second kind. Google's Chrome Help says: "By default, Google Chrome blocks pop-ups from automatically showing up on your screen." Safari has a similar setting. Those blockers target new windows a page opens on its own. An on-site popup isn't a new window, so a browser's pop-up blocker doesn't stop it. Some ad-blocker extensions can still hide on-site popups when a visitor turns on their optional "annoyances" filters.
Search engines care about the on-site kind too. Google Search Central's guidance on interstitials (updated 2025-12-10) says: "Don't obscure the entire page with interstitials," and suggests banners "that take up only a small fraction of the screen" instead. The Coalition for Better Ads calls mobile pop-up ads that block the main content "among the most commonly cited annoyances for visitors to a website."
If you landed here because pop-ups keep appearing on your own phone or laptop, the fix is in your browser: in Chrome, open Settings → Privacy and security → Site settings → Pop-ups and redirects and choose Don't allow sites to send pop-ups or use redirects. The rest of this guide is for marketers who want to show a popup on their own site without becoming the problem.
Why popup ads still work?
Popup ads still pull their weight because a well-targeted popup reaches visitors at the moment they're deciding, which passive page elements can't do. The honest benchmark is lower than the old "average popup conversion rate" figures you'll see quoted around the web, and it's measured.
Across 3,034 Popupsmart popups that ask for an email or phone number (January 2024 - September 2026, each with at least 1,000 displays and 14 active days), the median converts 0.83% of its displays into leads; the top 25% reach 1.96% and the top 10% reach 3.87%. A lead is a popup submission that contains an email address or phone number. The full method is in our popup conversion benchmark report.
Why the spread between the median and the top 10%? Two campaigns with the same template can perform very differently because of the audience setup. One pops on every visitor on page load. The other only fires for first-time visitors on a specific page, after a short delay. Our data points the same way: popups targeted at new visitors only convert 1.13% vs 0.77% for popups shown to everyone, and popups on cart and checkout pages convert 4.57% vs 1.07% on the home page (median campaign); blog pages convert 0.23%.
Compare popups with popups, though. A 0.83% popup lead rate and a store's purchase conversion rate have different numerators, denominators and visitors, so one doesn't tell you anything about the other.
How to create a popup ad in 7 steps
Here's the full walkthrough. I'll use the Popupsmart builder for the screenshots since it's the tool I work in every day, but the structure of the steps applies to any no-code popup builder. The app screenshots below were taken in July 2024; menu names may have moved a little since.
Step 1: Sign up and create a new campaign
Open Popupsmart, sign in (the free plan, at $0 for 5K pageviews a month, is enough to ship your first popup ad), and click the + New Campaign button on the dashboard. You'll be asked to name the campaign and choose the website it belongs to.
The first screen on a new popup ad campaign. Name it after the offer, not the format. Popupsmart app, July 2024.
Name the campaign after the offer, not the format. "Spring Sale Discount" beats "Center Modal Popup #3" by a mile when you have 30 active campaigns in the dashboard six months from now. Your future self will know exactly what each one does.
If you haven't connected your website yet, paste the domain in the URL field. The embed script that fires the popup ads on your live site comes from this connection. Without it, the popup won't appear on your pages.
Watch out for: Connecting the wrong domain. I've done this: created a campaign on the staging URL, then spent an hour wondering why nothing showed up on production. Double-check that the domain field matches the site you want the popup ad to fire on.
Step 2: Pick the business goal for this popup ad
Next screen, you pick a goal. Popupsmart presents a small set: collect emails, drive sales, get phone calls, gather feedback, and a few more. This isn't a cosmetic choice. The goal you pick changes the templates the builder shows you, and it changes the metrics the analytics tab tracks against the campaign.
The goal you pick filters the templates and shapes the analytics view. Popupsmart app, July 2024.
Pick one. Just one. The biggest mistake I see new users make is trying to combine goals: a popup ad that asks for an email AND offers a discount AND links to a product page. Visitors don't read three asks. They close the popup. One popup ad, one job.
If you really do have two goals, build two campaigns. Show one to first-time visitors and one to returning visitors. That kind of split usually outperforms a single Frankenstein popup ad.
Step 3: Pick a Playbook template (or start from scratch)
The Playbook is the template gallery. Popupsmart says it has 500+ templates, organized by goal, industry, and format. Browse it before you build anything from scratch. Most of the time a template gets you most of the way there in under a minute. You can also browse the same designs on the public popup templates page before you sign up.
The Playbook: sort by goal first, then format, before you scroll through everything. Popupsmart app, July 2024.
Sort by your selected goal first. If you're collecting emails, the email-capture templates are built for that, with single-field forms, short headlines and social proof copy where it makes sense. If you're driving sales, the offer templates lead with the discount.
If nothing fits and your offer is unusual, hit "Blank Template" and build from a clean canvas. In most cases, though, picking a template and editing the copy is faster than designing from zero. I almost always start from a template even when I plan to swap most of the design.
Pro tip: If you find a template that you'll reuse across campaigns, save the customized version as your own template. The Playbook lets you star and reuse your designs, which saves a real amount of time when you're shipping multiple popup ads a month.
Step 4: Customize the popup with copy, visuals, and a CTA
This is where the popup ad goes from generic template to your brand. The customization screen is a drag-and-drop editor. Text blocks, images, buttons, form fields and dividers all sit in the left sidebar. Drop them onto the canvas, then click any element to edit it.
The customize screen. The headline does most of the work, so spend the time there. Popupsmart app, July 2024.
Spend the most time on the headline and the button. A weak headline ("Subscribe to our newsletter") tanks the rest of the popup ad even if the design is great. A specific headline ("Get the Monday Shopify growth rundown in your inbox") gives the visitor a reason to keep reading.
Keep body copy under 25 words. Most visitors scan, not read. Your CTA button should describe the outcome, not the action: "Send me the discount" beats "Submit." In our benchmark, first-person buttons ("Send my code") convert 1.18% vs 0.80% for neutral wording (English popups, median campaign). CTA buttons that promise value ("Get", "Claim", "Unlock") look stronger than "Subscribe" / "Join" buttons (1.06% vs 0.77%, English popups, median campaign), but the gap is not statistically reliable.
If your popup ad collects emails, use a single field for the email address, and add others only when your follow-up actually uses them.
Form elements panel. Add only what your follow-up flow will use. Popupsmart app, July 2024.
Need more than an email field? Popupsmart has phone, name, address, dropdown, rating scale, and countdown timer elements. Add them sparingly. A phone field collects numbers for your own SMS tool; Popupsmart doesn't send the texts.
Then move to styling. Every visual element is editable: color, size, padding, border radius, button style, close button position. Match the popup ad to your brand colors so it doesn't feel like a third-party intrusion.
Styling panel. Match brand colors, but keep the CTA button easy to spot. Popupsmart app, July 2024.
One styling rule I follow: the CTA button should be visually obvious, so use an accent color that stands out from the rest of the popup. Do it for readability, not because a color converts. In our benchmark, button colour, dark vs light popup backgrounds, urgency words and question headlines show no measurable effect on conversion; the data are too noisy to rule out modest effects.
Step 5: Set your audience and triggers
This step decides who sees the popup ad and when. Most of your conversion lift hides here, not in the design.
Segment and target: narrow the audience first, then layer in triggers. Popupsmart app, July 2024.
Audience options worth using on day one:
• Visitor type: First-time vs. returning. Show your big offer to first-time visitors. Show a different popup (or no popup) to returning ones who already saw it. In our data, popups targeted at new visitors only convert 1.13% vs 0.77% for popups shown to everyone.
• Device: Desktop vs. mobile vs. tablet. A popup that works on desktop can crush mobile UX. Build separate versions if you target both.
• Country / city: Run a US-only discount, or use geo-targeted popups to localize currency and offers by region.
• URL path: Show the popup ad only on specific pages. For example, a blog post about email marketing only triggers your email-capture popup, not a generic discount.
• Traffic source: Different popup for paid traffic vs. organic vs. email subscribers. Visitors arriving from an email or SMS campaign convert on popups at 1.81% vs 0.74% for visitors from organic search.
Stacking rules helps in our data, with a caveat: popups set up with three targeting rules convert 1.09% vs 0.71% for popups with none or one (median campaign): a correlation, since marketers who target carefully may also write better offers.
Then layer triggers on top. The trigger options Popupsmart offers include time on page, scroll depth, exit intent, click on element, and inactivity. Exit-intent triggers fire when the visitor's mouse moves toward the close tab. They catch people about to bounce without interrupting anyone who's still reading.
Exit-intent triggers fire as the cursor heads to the close tab. Popupsmart app, July 2024.
What does the data say about triggers? Less than the folklore does. Popups that wait before appearing convert 0.83% vs 0.61% for popups shown the instant the page loads (median campaign); the direction holds in every year of data but the difference is not statistically reliable, so treat it as a lean, not a rule. The exact delay length (0-5 seconds vs 21-60 seconds) makes no measurable difference to conversion. And exit intent shows no statistically reliable advantage: popups on the most sensitive exit-intent setting converted 1.10% vs 0.78% without exit intent (median campaign), a gap that could be chance. Our popup timing guide and the post on whether exit-intent popups work go deeper.
For mobile, exit intent doesn't work the same way (no cursor to track). Use scroll-depth triggers instead. Fire the popup once the visitor has scrolled well into the page; that's a sign they're engaged.
Pro tip: Add a frequency cap so the same visitor doesn't keep seeing the popup. A reader who closed your popup once doesn't want to see it again three pages later. Our data puts the ceiling at two showings a week, as the next chart shows.
The first two times a visitor sees a popup in a week convert at similar rates (1.33% and 1.22% of displays, pooled); from the third view conversion falls, and from the sixth view it is 0.41%, 31% of the first-view rate. So cap each campaign at two showings per visitor per week.
Step 6: Add advanced touches like teasers and a polished close button
Two small details matter more than they look: the close button and the teaser. Most marketers ignore both.
Close button styling. Make it obvious. Hidden close buttons cost trust. Popupsmart app, July 2024.
The close button needs to be obvious. A 10x10 px gray X in the corner of a busy popup ad isn't user-friendly, it's a dark pattern. Make the close button at least 24px, in a color that contrasts with the background, in the top-right corner where users expect it. Allow background-click-to-close as a backup.
Visitors decide fast, which is why the way out matters. 71% of visitors who close a popup do so within 5 seconds of it appearing, and 61% of popup leads are submitted within 30 seconds of the popup appearing. Across all displays, 40.5% of popup displays end with the visitor closing the popup (all displays pooled, February 2025 - September 2026, since close tracking began).
Then the teaser. Instead of firing the full popup ad, you can drop a small slide-in tab in the corner that says "Get your welcome discount" or similar. Visitors who are interested click the teaser to expand it into the full popup. Visitors who aren't interested ignore the teaser and keep reading.
Teaser setup: the small slide-in that gives an ignored popup a second chance. Popupsmart app, July 2024.
Teasers are the right move for content-heavy pages where you don't want to interrupt reading. The downside: setup adds a couple of minutes per campaign. The upside: visitors who close the full popup ad still see the teaser, giving you a second chance.
Step 7: Publish the popup ad and review it on the live site
Hit Publish. The campaign goes live on the connected domain within a minute or two, depending on cache. But don't close the tab yet.
Publish flips the campaign live. The real test is on your own site, not the preview. Popupsmart app, July 2024.
Open your live website in an incognito window. Trigger the popup ad the same way a real visitor would (wait the time, scroll, move toward the close tab). Check three things:
1. Does it look right? Fonts, spacing, image scaling can render slightly differently on the live site than in the builder preview. Look for cut-off text, misaligned buttons, weird padding.
2. Does the form work? Submit a test entry. Check that the email lands in your connected ESP or whatever integration you set up. A popup ad that collects emails into the void is worse than no popup at all.
3. Does the close button close it? Sounds obvious. I've shipped popup ads where I forgot to test this and the close X did nothing. Embarrassing.
Mobile-test it too. Open the site on your phone. Trigger the popup ad. Make sure it's readable, the form fields don't get hidden by the keyboard, and the close button is reachable with a thumb.
Best practices for popup ad design
Once you've shipped the basic popup, these are the design rules I keep coming back to. None of them are new. All of them are worth checking before you blame the offer. For the full set, with every rule graded against our data, read popup best practices.
Time the popup correctly. A popup that fires on page load before the visitor reads the first sentence is the fastest way to a bounce. Give the visitor a moment first: waiting is a lean in our data, not a rule, and the exact delay made no measurable difference, so a few seconds is enough. Scroll depth is another way to confirm the visitor is engaged. Exit intent is worth testing on desktop, but don't expect it to win by default.
Keep copy tight. Headline under 8 words. Body under 25 words. CTA button label under 5 words. If your popup ad has more than 50 words of total copy, you're asking too much from a visitor who didn't ask for the popup. Trim. Then trim again.
Optimize for mobile separately. 63% of popup displays happen on mobile, and mobile visitors convert on popups at 1.02% vs 0.57% on desktop, and click at 2.99% vs 1.34% (median campaign). A popup ad that converts well on desktop can break entirely on mobile: fields hidden by the keyboard, the close button off-screen, text too small to read. Build a separate mobile version with larger tap targets, less copy, and a single field. Our mobile popup design guide covers the layouts that work on a phone.
Use real contrast. The popup ad should stand out visually from the page behind it. Most popup ads underuse contrast. They sit on a white background with a white-ish design and gray text. Use a darker overlay behind the popup, an accent color for the CTA, and bold typography for the headline. Visitors should see the popup the moment it appears.
A/B test offers, not designs. A percentage discount vs. a fixed-dollar credit can move conversion more than two visually different popup ads with the same offer. Test the value prop and the headline first. Test the design third. Our data backs the offer-first order: signup popups that offer a discount code convert 1.46% vs 0.75% for signup popups without one. In a December 2025 case study, the agency Convertibles reported that swapping a 15% off popup for a $30 off coupon with a spend threshold added $45,000 in monthly revenue for one unnamed wellness brand: one test, reported by the agency that ran it. Our discount popup examples show how stores frame the offer.
Set a frequency cap. Show the popup ad at most twice per visitor per week. From the third view, conversion falls in our data, and repeat impressions to the same visitor cause complaints and ad-blocker installs. The campaign can run for months as long as you cap it correctly.
4 popup ad template examples to inspire your campaign
If you're not sure where to start, here are four template patterns I come back to. All four are available in the Popupsmart Playbook and can be cloned in one click.
Exit-intent discount popup ad
Exit-intent discount template: a last-minute offer to visitors heading for the close tab.
This is the classic template for e-commerce sites. The popup ad fires only when the visitor's mouse moves toward the close tab. The offer is usually a discount code, free shipping, or a coupon that's only available right now. Because the popup only shows to people about to leave, it doesn't interrupt browsing visitors. Test it against a short time delay rather than assuming it wins: our data shows no statistically reliable advantage for exit intent. Clone this template if you want a working version to start from.
Spin-to-win gamified popup ad
Spin-to-win gamification: far more clicks, not more leads.
Gamified popup ads ask the visitor to enter their email for a chance to win a prize from a spinning wheel. Visitors enjoy the game and the discount feels earned rather than handed out. Be clear about what it buys you: spin-to-win and other gamified popups get far more clicks (7.33% vs 1.87% of displays, median campaign; the spin itself counts as a click), but do not collect measurably more email or phone leads than plain signup popups. Works best on Shopify and DTC e-commerce sites with discount-tolerant margins. Clone this template to drop one onto your store.
Feedback / NPS popup ad
Feedback popup: small ask, big payoff for product and content teams.
This is the popup ad I run on long-form content. A small slide-in asks "Was this article helpful?" with a 1-5 rating and an optional comment field. The rating clicks tell me which posts deserve more investment. Trigger this popup ad on scroll depth (near the end, when the visitor finished reading) instead of time or exit. Clone this template to put it on your blog.
Announcement bar popup ad
Announcement bar: a sitewide message with low intrusion, high visibility.
The announcement bar sits at the top of the page and stays visible across the visitor's whole session. It's the lowest-friction popup format. Visitors keep reading the page underneath, and the message never leaves the screen. It's also the format Google's interstitial guidance points to: a banner that takes up a small fraction of the screen. Use this for sitewide events ("Free shipping ends Sunday"), launch announcements, or feature releases. It pairs well with a center modal popup ad that fires on the relevant page deeper in the funnel. See more announcement bar examples, or clone this template to add a bar to your site.
How to measure popup ad performance
You don't really know if a popup ad is working until you check the numbers. Popupsmart's Analytics tab shows the four metrics that matter for any popup campaign.
The Analytics tab: popup views, leads, interaction, conversion rate. Popupsmart app, July 2024.
The four metrics:
• Popup views: How many times the popup actually fired. Low views means your trigger settings are too narrow.
• Interaction: Visitors who clicked something inside the popup. The interaction-to-view ratio tells you whether the offer is even noticed. The median popup records a click on 2.25% of its displays; the top 10% reach 11.67% (10,768 campaigns).
• Leads: Visitors who completed the action, whether that's submitting the email, claiming the discount or clicking through to the offer page.
• Conversion rate: Leads divided by popup views. For a popup that asks for an email or phone number, compare it with our benchmark: the median converts 0.83% of its displays, the top 25% reach 1.96% and the top 10% reach 3.87%. Below the median, the offer or targeting needs work. In the top quarter, you've found something that works. Scale it.
For ROI, Popupsmart has a free popup ROI calculator that takes your traffic, popup views, click-through rate, conversion rate and cost and outputs the profit of a campaign. Useful when you need to defend the popup budget to a skeptical CMO.
Look at conversion rate weekly, not daily. Daily numbers swing with traffic patterns and don't tell you anything useful. Seven-day rolling averages are the smallest unit that's worth optimizing against.
Launch your first popup ad this week
The biggest reason popup campaigns fail isn't bad design or weak copy. It's that they never ship. Marketers spend three weeks debating the headline, then never publish.
Here's the plan I'd run if I had to start tomorrow. Pick one goal. Email capture is the easiest first win. Open Popupsmart, hit New Campaign, pick an email-capture template from the Playbook. Edit the headline and the CTA button copy, in the first person. Set the audience to first-time visitors only and the trigger to a short delay or exit intent. Cap the frequency at two showings per visitor per week. Publish.
Give it seven days. Look at the conversion rate. If it's above 0.83%, you're beating the median lead-collecting popup in our benchmark; above 1.96%, you're in the top quarter. Iterate from real data, not from design opinions. The first version of any popup ad I ship is rarely the best one. But the data from week one tells me what to change for week two.
Start with the basic version. Ship it this week. Iterate next week.
Frequently asked questions
How can I make sure my popup ads aren't annoying to visitors?
Make it easy to close, time it right, and cap frequency. The close button should be at least 24px and obvious. The trigger should be exit intent, scroll depth, or a short time delay rather than the instant the page loads. And cap how often one visitor sees it: in Popupsmart's 2026 benchmark, the first two times a visitor sees a popup in a week convert at similar rates (1.33% and 1.22% of displays, pooled), and from the third view conversion falls. Two showings a week is a sensible ceiling.
What generates popup ads?
Popup ads are generated by JavaScript embedded on a website. The script can be hand-coded by a developer or, more commonly, dropped in by a no-code popup builder like Popupsmart. The builder gives you a visual editor for the design, a targeting interface for the audience and triggers, and an embed snippet that activates the popup ads on your site. Once the snippet is on the page, the popup ad fires whenever the trigger condition is met.
What triggers popup ads?
Popup ads trigger on visitor behavior. The most common triggers are time on page (fire after X seconds), scroll depth (fire when the visitor scrolls past a point on the page), exit intent (fire when the cursor moves toward the close tab), click on element (fire when the visitor clicks a specific button or link), and page load (fire immediately). Advanced builders also trigger on returning visitors, traffic source, geographic location, device type, and URL path.
Why do browsers block pop-up ads?
Browsers block pop-up windows that a site opens on its own, usually ads from an ad network. Google's Chrome Help says: "By default, Google Chrome blocks pop-ups from automatically showing up on your screen." An on-site popup built with a popup builder is different: it is an overlay drawn inside the page by the site owner, not a new browser window, so a browser's pop-up blocker doesn't stop it.
How long does it take to build a popup ad?
Popupsmart says most customers build and publish a campaign in under 5 minutes once they're signed up. The first campaign takes longer because it includes signing up and adding the embed code: among people who signed up in the 90 days to 2026-09-16 and published a campaign, the median time from signup to first published campaign was 32.5 minutes.
Explore more blog posts:
10 Popup Design Best Practices for Higher Conversion in 2026
