Landing Page Popups: How to Add One Without Hurting Conversions

What counts as a landing page popup

The distinction that matters is not the popup's shape. A slide-in, a lightbox, a floating bar and an inline block are all just placements. What matters is when it fires relative to the visitor's decision about the page's own offer.

Same popup, same copy, two timings. Only one of them can add conversions.

The one rule: compete or catch

Before you write a word of popup copy, name the page's primary action. Not the business goal — the literal thing you want a person to click. "Start free trial." "Book a demo." "Add to cart." "Download the report."

Now put the popup in one of two buckets:

• Competing. It appears while the visitor is still reading, comparing or typing. Every conversion it takes might have been a primary conversion anyway — and you'll never know which.
• Catching. It appears only after a disengagement signal: the cursor heading for the tab bar, a long scroll with no interaction, a return visit that ends the same way as the last one. Everyone it converts was on their way out.

There is one honest exception: pages with a long, considered offer — pricing pages, comparison pages, long-form sales pages — where a slide-in at deep scroll offers something genuinely different (a printable checklist, a "send me this as a PDF" option). It doesn't cover the page, it doesn't replace the CTA, and it converts the reader who is interested but not ready.

Where landing page popups actually help

Different landing pages leak conversions in different places. Match the popup to the leak.

Notice the pattern: on every row except the last, the popup is offering something the page is not offering. That is the whole trick. A popup that repeats the page's headline ("Still want your free trial?") gives an unconvinced person a second opportunity to decline.

Four patterns that work — and one that doesn't

1. The exit-intent second chance

The default, and the only one most landing pages need. The visitor's cursor accelerates towards the browser chrome, the popup appears with a smaller ask than the page's, and the people who were leaving get one more option. On mobile there is no cursor, so substitute a scroll-depth or inactivity trigger.

2. The deep-scroll slide-in

A corner slide-in at 60–70% scroll on a long sales page. It never covers the content, it doesn't block the CTA, and it catches the reader who has consumed the whole argument without acting. Keep it to one line and one field.

3. The click-triggered lightbox

The best-converting "popup" on a landing page is often the one the visitor opens themselves. Put a plain link or button in the page copy — "See the 3 sizes side by side", "Get the price list" — and have it open the campaign on click. Zero interruption, high intent, and it never competes with anything because the visitor chose it.

<a href="#" onclick="ChilliPopup.open('YOUR_CONTENT_UUID'); return false;">
  Get the price list
</a>

<!-- or open it in a dimmed lightbox / a docked side panel -->
ChilliPopup.open('YOUR_CONTENT_UUID', { mode: 'lightbox' });
ChilliPopup.open('YOUR_CONTENT_UUID', { mode: 'sidebar' });

4. The inline block that isn't a popup at all

Sometimes the honest answer is "don't interrupt — embed". The same campaign you would have shown as an overlay can be rendered in the flow of the page, exactly where you drop it, by placing a single div next to the pixel script. It's the right call halfway down a long page, or in a sidebar, where an overlay would be obnoxious but a form is welcome.

<div class="chillipopup-inline" data-uuid="YOUR_CONTENT_UUID"></div>

The same builder produces the overlay and the inline block — only the snippet you paste changes.

Two worked examples with real copy

Example 1 — a paid product landing page

Page primary action: Add to cart. Leak: first-time visitors from ads bounce at the price.

The popup (exit intent, desktop; 50% scroll, mobile):

Why it works: the offer is different from the page's (a discount, not the product), the ask is one field, and the decline link gives the visitor a dignified exit — which, counter-intuitively, is what keeps the popup from feeling like a trap.

Example 2 — a B2B demo request page

Page primary action: Submit a seven-field demo form. Leak: people who aren't ready to talk to sales.

The popup (exit intent):

Why it works: it converts the exact objection that made them leave. The demo form stays untouched for the people who are ready, and the popup harvests the much larger group who weren't.

The display rules that keep it honest

Everything above is enforced in one screen. In ChilliPopup, every popup, form, survey and quiz carries its own display rules, and a landing page popup is simply a normal campaign ruled tightly enough that it can only reach leavers.

Four rules turn a site-wide popup into a landing page popup that can only ever talk to people who are leaving.

• Page targeting. Restrict the campaign by URL with contains, is exactly, starts with, ends with, does not contain or is not. A landing page popup should always be locked to its page — the most common mistake is a site-wide campaign leaking onto a paid page nobody meant it to touch.
• Trigger. Exit intent, a time delay, scroll percentage, page count, click count or inactivity. On a landing page, only the disengagement ones qualify.
• Device. Run two versions: exit intent for desktop, scroll for mobile. Exit intent has no reliable mobile equivalent, so a desktop-only rule plus a mobile twin beats one compromised campaign.
• Frequency. Once a day, every visit, every session, once every N days or once every N visits. On a paid page where visitors rarely return, once per session is enough; on an evergreen page, give a dismissal a real cooldown.
• Show again after conversion. Turn it off. Someone who took the offer should never see it again — nothing makes a brand look less attentive.

Two rules worth knowing about: every enabled rule is an AND gate, so device, browser, date window and even a weekday-and-hour schedule can narrow a campaign further; and new-versus-returning recognition is computed from the visitor's own browser storage, so a second device or a private window looks like a brand-new visitor.

Mobile landing pages need their own rules

Most of the damage attributed to "popups on landing pages" is really damage from desktop popups shown unchanged on phones. Three fixes cover nearly all of it:

1. Replace the trigger. There is no cursor to detect, so exit intent silently becomes "never fires" or fires at the wrong moment. Use scroll depth or inactivity.
2. Replace the layout. A 720×480 desktop card becomes a wall on a phone. Design the mobile version as its own campaign, or at minimum check it in the editor's mobile preview before publishing.
3. Make the close button unmissable. A popup that is hard to dismiss on a phone is exactly the pattern that gets a page treated as an intrusive interstitial.

The full breakdown lives in our mobile popup best practices guide.

Measure the page, not the popup

This is where most landing page popup decisions go wrong. The popup dashboard will happily tell you the popup converted at 7%, and that number is completely silent on the question you actually asked: did the page produce more conversions per visitor than it did before?

Views, clicks, submissions and conversion rate per campaign — useful, but always read alongside the page's own conversion rate.

Three numbers, in this order:

• Page conversions per visitor, before and after the popup went live. This is the verdict. Everything else is diagnosis.
• Popup views vs page sessions. If the popup is being seen by most visitors, it is not a leaver-only popup — the rules are wrong, whatever the trigger says.
• Popup conversion rate, compared against itself over time. Rewriting the headline is the cheapest experiment on the page.

When you want a clean read on a copy or offer change, run it as an A/B test rather than a before-and-after — the traffic mix on a landing page shifts constantly, and a split test is the only way to keep that from contaminating the result. Deeper metric definitions are in the popup analytics guide.

Seven mistakes that sink a landing page popup

1. Firing on load. Costs you the click you paid for and trips the intrusive-interstitial pattern. There is no version of this that is worth testing.
2. Offering the same thing as the page. A second "Start your free trial" is a second no.
3. Letting a site-wide popup leak onto the landing page. Always add the URL rule, even when you think the campaign is scoped.
4. A popup form longer than the page form. The popup is the easier option by definition. One field.
5. No visible decline. A clear "no thanks" link raises trust and costs almost nothing — the people who click it were not converting.
6. Design that looks like an ad. If the popup doesn't share the page's typeface and colours, visitors read it as third-party and dismiss reflexively.
7. Judging it by its own conversion rate. The popup is a component of the page. The page is the unit of measurement.

Build a landing page popup in ChilliPopup

Thirty minutes, no code beyond the one-line pixel. If it isn't installed yet, start with the install guide — one script covers every campaign on every page.

Related reading

Frequently asked questions