A popup is not one thing. The offer and the timing get most of the attention, but the format decides whether a visitor reads your message as a helpful nudge or as an obstacle. The same discount in a corner slide-in converts differently from the same discount in a full-screen takeover, because each format asks for a different amount of screen, attention and patience.
This guide compares the formats teams actually ship, what each is good at, where it backfires, and how to pick one per page instead of defaulting to whatever the template library offered first.
Think of it as a budget. Every visitor arrives with a fixed amount of patience, and the format decides how much of it your message spends.
What are the main popup formats?
Six formats cover almost everything on a modern site. The differences are structural rather than cosmetic: they decide how much screen the message owns and how quickly a visitor can dismiss it.
| Format | Screen share | Perceived intrusion | Best used for |
|---|---|---|---|
| Centered modal | 30 to 50 percent | High | Email capture with a strong lead magnet |
| Corner slide-in | 10 to 20 percent | Low | Secondary offers and returning visitors |
| Top or bottom banner | Full width, thin strip | Very low | Shipping thresholds, codes, announcements |
| Full-screen overlay | 100 percent | Highest | Quizzes, multi-step funnels, high-intent moments |
| Inline embedded form | Part of the page | None | Always-on capture without interruption |
| Floating button | Tiny | Very low | Chat, support and re-opening after a dismissal |
Read the intrusion column as a cost, not a defect. A full-screen quiz fits a page whose only job is to qualify a lead; on a blog post it is a tax on readers.
How does a centered modal convert?
Modals convert because they are impossible to miss and because a dimmed background creates one focus. They are the strongest format for a one-time ask: the visitor gets a reason to trade an email.
They are also the format most often shown too early. A modal that opens on page load competes with the headline; one that waits 30 seconds competes with nothing. Pair it with a trigger that respects reading time, as covered in popup timing and triggers.
When does a slide-in win?
A slide-in wins when the message is optional. It occupies a corner, leaves the page readable and can be dismissed with one small click. That lower cost means it can appear more often without poisoning the experience, which makes it a good home for secondary offers: a newsletter, a back-in-stock note, a related guide.
If the goal is to catch someone on the way out, an exit intent trigger on a slide-in is the gentler combination, and it also suits returning visitors who do not need the ceremony of a modal.
Are banners still worth running?
Yes, and they are the most underrated format here. A top bar with a free shipping threshold is informational, not interruptive: it answers a question at the moment the visitor asks it.
Banners fail as billboards for a generic message. Keep one message, keep it short, let visitors close it for good, and never stack three above the fold.
When is a full-screen overlay justified?
When the visitor has explicitly walked into a funnel. Quizzes, qualification flows, onboarding checklists and multi-step surveys justify a takeover, because the visitor clicked into a process rather than being ambushed by one. The rule is consent by action: the overlay follows a click instead of preceding it.
If a full-screen overlay fires on page load for a first-time visitor, expect bounce rather than conversions.
Which format works best on mobile?
Mobile compresses everything. There is no corner to hide a slide-in and no mouse for exit intent, so the formats that survive take the least vertical space. A bottom sheet that swipes away and a short top banner both beat a desktop-style modal on a phone.
If the close button lands under a thumb or behind a sticky header, visitors tap away from the site, not from the popup. The same constraints run through mobile conversion optimization.
Accessibility belongs in the same decision: every format needs a visible close control, keyboard reachability and focus handling before it ships, per the popup accessibility checklist.
How do you choose a format without guessing?
Ask three questions about the page. What is the visitor trying to do here? How much attention is that task already using? What happens if they ignore your message entirely?
- Capture an email: inline form for always-on, modal for one strong ask.
- Inform the visitor: banner, one message, permanently closable.
- Re-engage a reader: slide-in, low cost, room for a second attempt.
- Qualify a lead: full-screen overlay, but only after a click.
A pre-checkout visitor is high-intent, so a shipping banner carries weight. A first-time blog reader owes you nothing, which makes the least intrusive format the honest default.
How do you test formats without breaking conversion?
Do not run six formats at once. Pick the two that fit the page, run them against each other, and measure the metric the format is meant to move: signups per visitor for capture, revenue per session for commerce, bounce rate as a guardrail everywhere.
Watch the secondary metric too: a modal can add signups while shaving time on page.
Guard the experience with limits: cap how often a format appears, remember dismissals, exclude irrelevant pages. Those principles come from popup frequency capping. The formats above are tools, and frequency decides whether they feel like a tap on the shoulder or a locked door.
FAQ
Q: Which popup format converts best? A: There is no universal winner. Modals take more attention and often win a one-time email ask, while slide-ins and banners win where the message is optional.
Q: Is a full-screen overlay bad for SEO? A: Intrusive interstitials on mobile can be treated as a ranking issue when they block content right after a search click. An overlay that follows a click is a different case.
Q: Can I use more than one format on the same page? A: Yes, but sequence them. A banner that informs and a slide-in that offers are a reasonable pair, as long as both share the same frequency cap.
Q: How do I decide between a slide-in and a banner? A: Ask what the message is worth to the visitor. Information they need, such as a shipping threshold, belongs in the banner. An offer they can ignore belongs in the slide-in.
Ready to ship formats that fit the page instead of fighting it? heycustomer.byako.dev gives you every format above with triggers, caps and accessibility handled.