Pop-ups and Slide-ins Done Right

Keyboard shortcuts
  • JNext lesson
  • KPrevious lesson
  • /Search lessons
  • EscClear search

Nobody likes pop-ups. I don’t like pop-ups. You don’t like pop-ups. Your readers definitely don’t like pop-ups.

And yet… they work. Annoyingly well.

I’ve tracked the numbers across 100+ client blogs. A well-timed pop-up converts 3-5% of visitors. A poorly placed one converts 0.5% and makes people leave your site. The difference between those two outcomes isn’t whether you use a pop-up. It’s how and when you use it.

This chapter is about the “how and when.” Because I’ve seen bloggers add pop-ups that doubled their email list growth in a month. And I’ve seen bloggers add pop-ups that tanked their bounce rate by 40% and got their site penalized on mobile search. Same tool. Wildly different execution.

Why Pop-ups Still Work (Despite Everyone Hating Them)

Pop-ups trigger a psychological pattern called the “interruption effect.” When something appears unexpectedly, your brain pays attention to it before deciding what to do. That split second of forced attention is what makes pop-ups convert.

Think about it. Your sidebar form sits there passively, hoping someone notices it. Your inline form depends on the reader scrolling to the right spot. But a pop-up demands attention. It says, “Stop. Look at this.”

The data backs this up consistently. Sumo analyzed nearly 2 billion pop-up impressions and found that the average pop-up converts at 3.09%. The top 10% of pop-ups convert at over 9%. Compare that to sidebar forms at 0.5-1.5% and even inline forms at 2-4%.

But here’s what the pop-up evangelists won’t tell you: those conversion numbers only hold when the pop-up is done right. A bad pop-up doesn’t just fail to convert. It actively damages your site. Higher bounce rates. Lower time on page. Readers who never come back. Google penalties on mobile.

I use pop-ups on my own sites and for clients. But I use them with rules. Strict ones. Break these rules and you’ll do more harm than good.

Exit-Intent vs. Timed vs. Scroll-Triggered

Not all pop-up triggers are created equal. The trigger determines whether your pop-up feels helpful or hostile.

Exit-intent pop-ups fire when a user moves their cursor toward the browser’s close button or address bar. The logic: they’re about to leave anyway, so you’ve got nothing to lose by making one last offer.

This is my default recommendation for every blog. Exit-intent catches people who’ve already decided to leave. You’re not interrupting their reading. You’re not blocking content they want to see. You’re making a pitch to someone who was about to bounce anyway. Worst case, they leave (which they were already doing). Best case, you capture an email.

I’ve seen exit-intent pop-ups convert at 2-5% on most blogs. On content that matches the offer well, I’ve hit 7-8%. And the complaint rate is near zero because readers don’t feel interrupted.

Scroll-triggered pop-ups fire after the reader scrolls a certain percentage of the page. I typically set these at 50-70% scroll depth. The logic: if someone has read half your article, they’re engaged. They’ve gotten value. They’re a warm prospect.

Scroll-triggered pop-ups work well but need careful timing. Too early (20-30% scroll) and you’re interrupting someone who’s still deciding if your content is worth reading. Too late (90%+) and you’re catching people who are about to leave anyway, which is exit-intent territory.

My sweet spot: 60% scroll depth. By that point, the reader has invested time in your content. They’ve gotten past the introduction and into the meat. An offer that relates to what they’re reading feels relevant, not intrusive.

Timed pop-ups fire after a set number of seconds on the page. This is the most common trigger, and it’s the one I dislike most.

The problem with timed pop-ups: time on page doesn’t correlate with engagement. Someone who opened your tab and switched to another window for 30 seconds isn’t engaged. Someone who’s reading fast and absorbs your content in 20 seconds is. A timer can’t tell the difference.

If you must use a timed trigger, never set it below 30 seconds. I prefer 45-60 seconds minimum. But honestly, scroll-triggered is a better signal of engagement than time. Use scroll instead.

The 60-Second Rule: Never Interrupt Before Value Is Delivered

This is the rule I enforce on every client site, no exceptions: never show a pop-up before the reader has received value from your content.

If someone lands on your blog post and a pop-up fires within 5 seconds… what have you given them? Nothing. They haven’t read a word. You’re asking for their email address in exchange for zero value. That’s not a trade. That’s a mugging.

I call this the 60-second rule, but it’s really about value delivery, not time. The question isn’t “how long have they been here?” It’s “have they gotten something useful yet?”

On a 2,000-word blog post, value delivery happens around 60% scroll depth. That’s where most readers have absorbed enough to think, “This person knows what they’re talking about.”

On a short post (500-800 words), value delivery happens faster. Maybe 40-50% scroll depth.

On a resource page or tool roundup, value delivery might happen when someone finds the specific item they were looking for. Hard to predict with a pop-up trigger.

The safest approach for blogs: exit-intent as your primary trigger, with a 60% scroll-triggered pop-up as your secondary. Both respect the reader’s attention. Both wait until value has been delivered.

What I never do: pop-ups on page load. Pop-ups within the first 10 seconds. Pop-ups that fire before the reader has scrolled at all. These convert poorly and annoy people. The 1-2% conversion rate they generate isn’t worth the readers you’ll lose permanently.

Mobile-Specific Pop-up Rules

Google has been clear about this since 2017: intrusive interstitials on mobile pages can result in lower search rankings. They updated the policy again in 2023 to include page experience signals. This isn’t a suggestion. It’s a ranking factor.

Here’s what Google considers a violation:

  • A pop-up that covers the main content immediately after the user navigates to the page from search results
  • A standalone interstitial that the user has to dismiss before accessing the content
  • A layout where the above-the-fold portion of the page looks similar to a standalone interstitial, but the original content has been inlined underneath the fold

What’s allowed:

  • Pop-ups for cookie consent or age verification (legally required)
  • Login dialogs on sites where content isn’t publicly indexable
  • Banners that use a reasonable amount of screen space and are easily dismissable

My mobile pop-up rules:

1. Never use a full-screen pop-up on mobile. It violates Google’s guidelines and it frustrates users on small screens. If someone has to hunt for a tiny X button with their thumb on a 6-inch screen, you’ve lost them.

2. Use slide-ins instead. A slide-in that covers the bottom 30-40% of the screen is acceptable to Google and less annoying to users. It leaves content visible above, which signals that you’re not blocking access.

3. Exit-intent doesn’t work reliably on mobile. There’s no cursor to track. Some tools try to simulate exit-intent on mobile using back-button detection or scroll-up behavior, but the results are inconsistent. For mobile, stick to scroll-triggered slide-ins.

4. Make the close button obvious. On mobile, a 44x44px tap target is the minimum for the close/dismiss button. Anything smaller and people will struggle to dismiss your pop-up, which leads to rage bounces. I make close buttons at least 48x48px with clear visual styling.

5. Limit frequency aggressively on mobile. If someone dismisses your pop-up, don’t show it again for at least 7 days. On desktop, 3 days might be fine. On mobile, the annoyance factor is higher because screen real estate is precious.

I’ve seen blogs lose 10-15% of their mobile organic traffic from overly aggressive pop-ups. The email signups they gained didn’t come close to compensating for the lost traffic. Check your Search Console regularly if you’re running pop-ups on mobile.

Copy and Design That Converts Without Annoying

The difference between a pop-up people tolerate and one they hate comes down to two things: relevance and respect.

Relevance means the offer matches the content. If someone is reading your article about email marketing and your pop-up offers a “Free SEO Checklist,” you’ve broken the relevance connection. They came for email marketing help. Offer them something about email marketing.

I set up page-level targeting on every client site. Different posts get different pop-up offers. It takes more work than a single site-wide pop-up. It also converts 40-80% better. A reader on your WordPress speed article gets offered a speed checklist. A reader on your SEO article gets an SEO template. Context matters.

Respect means you’re not being pushy. The language in your pop-up sets the tone.

Bad copy: “WAIT! Don’t leave without grabbing this exclusive offer!” This reads as desperate. People can smell desperation.

Good copy: “Liked this article? I put together a checklist that covers everything in more detail.” This reads as helpful. You’re offering more of what they already wanted.

Design rules that reduce annoyance:

Keep it simple. One headline. One or two sentences of description. One form field. One button. That’s it. Pop-ups aren’t landing pages. They need to communicate value in 3 seconds because that’s how long people give them before reaching for the X.

Use a clean, uncluttered design. Resist the urge to add images, testimonials, multiple offers, or animations. The busier the pop-up, the faster people close it.

The close option should be clear and guilt-free. “No thanks, I don’t want to improve my blog” is manipulative. People recognize this tactic and it creates resentment. Just use a clean X button and a simple “No thanks” link. Respect their decision.

Animation matters. A pop-up that slams onto the screen feels aggressive. A pop-up that fades in over 300-400ms feels gentler. A slide-in that eases up from the bottom feels even better. The entrance animation sets the emotional tone of the interaction.

When NOT to Use Pop-ups

Pop-ups aren’t right for every situation. Here’s when I tell clients to skip them:

On pages with high purchase intent. If someone is on your pricing page, product page, or checkout flow, a pop-up interrupts the conversion that matters most. Don’t trade a $200 sale for a $0 email signup.

On cornerstone content that builds trust. Some pages exist purely to establish authority. Your About page. Your portfolio. Case studies. Pop-ups on these pages feel like you care more about their email address than about making a genuine connection.

When your traffic is too low to test. If you’re getting fewer than 1,000 monthly visitors, you won’t get enough data to know if your pop-up is helping or hurting. Focus on content and traffic first. Add pop-ups when you have enough volume to measure impact.

When bounce rate spikes after adding a pop-up. Monitor your bounce rate for 2-3 weeks after adding any pop-up. If bounce rate increases by more than 5 percentage points and conversion rate doesn’t compensate, kill the pop-up. The math doesn’t work.

On mobile if you’re not sure about compliance. When in doubt about Google’s interstitial policies, don’t use pop-ups on mobile. The ranking penalty costs more than the signups are worth. Use inline forms and end-of-post forms on mobile instead. Those are safe, effective, and don’t risk your search visibility.

During the first visit for returning readers. If someone visits your blog regularly, hitting them with a pop-up every time is a fast way to lose a loyal reader. Use cookies to suppress pop-ups for returning visitors, or at minimum, set a 14-30 day frequency cap.

I’ll be honest… I’ve gone back and forth on pop-ups over the years. I’ve added them, removed them, added them again. The conclusion I’ve landed on: they’re a tool with a narrow window of effective use. Get the timing, targeting, and copy right, and they’ll grow your email list faster than anything else. Get any of those wrong, and they’ll damage your relationship with readers.

The best pop-up is one your readers don’t mind seeing. That’s a high bar. But it’s the right one.

Chapter Checklist

  • [ ] Exit-intent is your primary pop-up trigger (not timed, not page load)
  • [ ] No pop-up fires within the first 30 seconds or before 50% scroll depth
  • [ ] Mobile uses slide-ins (bottom 30-40% of screen), not full-screen overlays
  • [ ] Close button is at least 44x44px (48x48px on mobile) and visually obvious
  • [ ] Pop-up offer matches the content of the page it appears on
  • [ ] Copy is helpful, not desperate or manipulative
  • [ ] No guilt-tripping dismiss text (“No thanks, I hate success”)
  • [ ] Frequency cap is set: 3-7 days between impressions for the same visitor
  • [ ] Pop-ups are suppressed on pricing pages, checkout flows, and About pages
  • [ ] Mobile pop-ups comply with Google’s interstitial guidelines
  • [ ] Bounce rate is being monitored before and after pop-up deployment
  • [ ] Entrance animation is a gentle fade or slide, not an abrupt appearance

Chapter Exercise

Audit your current pop-up setup (or plan your first one) using this framework:

  1. Open your blog on both desktop and mobile
  2. If you have existing pop-ups, record: trigger type, timing, offer, copy, close button size, and frequency
  3. Score each pop-up against the checklist above (pass/fail for each item)
  4. For any failures, write the specific change needed (e.g., “Change trigger from 5-second timer to exit-intent” or “Add page-level targeting so SEO articles show SEO-related offer”)
  5. If you don’t have pop-ups yet, design your first one on paper: write the headline, description, button text, and decide on trigger type and timing
  6. Set up the pop-up with a 60% scroll-triggered secondary trigger and exit-intent as primary
  7. Run it for 14 days and track: conversion rate, bounce rate change, and mobile search impressions in Search Console

The goal isn’t to maximize pop-up conversions. It’s to maximize email signups without damaging the reader experience. Those two goals are in tension, and the checklist above is where they meet.