What is a Pop-up Window? Meaning, Types and Design Tips

What a pop-up window is, the main types of popups, whether they hurt SEO, and how to design one that visitors actually use.

Nikolett LorinczJune 20, 2025 · 7 min read
In this article
  1. What is a pop-up window?
  2. Popup or pop-up?
  3. What popups are used for in online stores
  4. Types of popups
  5. Pros and cons of popups
  6. Do popups hurt SEO?
  7. How to show popups without annoying visitors
  8. Pop-up window design: 7 best practices
  9. Your first popup: a simple recipe
  10. Popup FAQ
  11. Choosing a popup tool
  12. Make your first popup

In short

A pop-up window is a box that appears on top of the page you're viewing. On websites, popups are usually on-page overlays, like a signup form or a discount offer, not new browser windows, so browser popup blockers don't stop them. This guide covers the main types, when popups help or hurt (SEO included) and how to design one that visitors actually use.

A pop-up window is a small window or box that appears on top of the page you're viewing. On websites, "popups" usually mean on-page overlays (not new browser windows) that show a message, such as a signup form, a discount or an exit offer, at a chosen moment. Browsers block the old kind; on-page popups aren't affected.

This guide explains the difference, the main types of popups, when they help and when they hurt, and how to design one that visitors actually use.

What is a pop-up window?

The term covers two different things, which is why searches for it return everything from browser help pages to marketing guides.

Browser pop-up windowWebsite popup (on-page overlay)
What it isA new browser window or tab opened by a pageA box shown on top of the current page, inside it
Typical useOld-style ads, login windows, file previewsSignup forms, discounts, exit offers, announcements
Blocked by browsers?Often, by the built-in popup blockerNo, it's part of the page
Closed byClosing the windowA close button, clicking outside it, or pressing Esc
A browser pop-up window next to a website popup shown on top of the current page

When marketers talk about popups today, they almost always mean the second kind. A modal popup asks for attention before you continue (the page behind it is dimmed); a non-modal one, like a small corner message, lets you keep browsing.

If you're trying to allow or block popups in Chrome or Safari, that's a browser setting, not what this guide is about. The rest of this page is about popups on your own website.

Both spellings are correct. "Pop-up" with a hyphen is the traditional dictionary form and is common for browser windows. "Popup" as one word is the standard in software and marketing, and it's how most popup tools, including OptiMonk, write it. Searchers use both, so it doesn't matter for SEO which one you pick; just be consistent.

What popups are used for in online stores

For an online store, a popup is a way to say one thing to one visitor at the right moment. The most common jobs:

  • Growing your email and SMS list. A welcome popup offers a first-order discount in exchange for an email address.
  • Saving sales. An exit-intent popup catches visitors who are about to leave, and a cart popup reminds shoppers what's waiting.
  • Promoting offers. A seasonal sale, free shipping over a threshold, or a new product. A popup is also an easy way to promote a giveaway; here are some giveaway ideas.
  • Recommending products. A popup can show best sellers or items that go with what's in the cart.
  • Asking questions. A one-question survey tells you why visitors don't buy, and the answer can decide the next offer they see.

Types of popups

Popups differ in format (what they look like) and trigger (when they appear).

By format

FormatWhat it looks likeGood for
Popup (centered)A box in the middle of the screen, page dimmed behind itWelcome offers, signups, announcements
FullscreenCovers the whole browser windowLaunches, big sales, messages that must be seen
Lucky wheelA wheel visitors spin to win a prizeGamified signups
Scratch cardVisitors scratch to reveal a prizeGamified signups with a surprise
SurveyOne or a few questionsLearning why visitors hesitate
CountdownA timer on a limited offerFlash sales, real deadlines
Six popup formats from the OptiMonk Popup Library: centered popup, fullscreen, lucky wheel, scratch card, survey and countdown

Overlays that cover the page before the content are also called interstitial popups; see interstitial popups for how they work and when Google minds them. For the difference between overlays and lightboxes, see overlay popups. Lucky wheels and scratch cards are covered in our guide to gamified popups.

By trigger

  • Time delay: after a few seconds on the site or page.
  • Scroll depth: after the visitor has scrolled part of the page.
  • Exit intent: when the visitor is about to leave (on phones too).
  • On click: when someone clicks a button, link or banner.
  • Inactivity: when the visitor stops clicking and scrolling.

The trigger matters as much as the design. The same offer can annoy on page load and convert on exit.

Pros and cons of popups

Pros

  • They're seen. A popup gets attention that a footer form never will.
  • They're fast to test. You can change an offer or a headline in minutes.
  • They can be targeted, so each visitor sees a relevant message.

Cons

  • Badly timed popups annoy people, especially on mobile.
  • Too many popups make a site feel cluttered and pushy.
  • A full-page popup that hides content can be a problem for search (see the next section).

The cons come from how popups are used, not from popups themselves. Every one of them has a fix: timing, targeting and frequency limits.

Do popups hurt SEO?

Only if they block the content, mainly a popup that covers the whole page on mobile right after someone arrives from search. Google's guidance on intrusive interstitials and dialogs (Search Central, updated December 2025) describes them as page elements that obstruct the content, usually for promotional purposes, and advises against covering the entire page or redirecting visitors to a separate page for their input.

Google treats this as part of page experience. Its point is practical: if visitors find a site hard to use, they're less likely to come back.

What's fine:

  • Popups that don't hide the whole page, or that appear after the visitor has started reading.
  • Small banners that take up little space.
  • Legally required dialogs, such as age verification or consent, as long as they overlay the content instead of redirecting to another page.

In practice: on mobile, avoid a full-screen popup the moment someone lands from search. Use a delay, scroll trigger or exit intent instead.

How to show popups without annoying visitors

Most "annoying popup" complaints come from three mistakes: showing the wrong message, at the wrong time, too often. Fix each one:

  • Target. Show the signup offer only to visitors who haven't subscribed, the cart reminder only to people with something in the cart, and the ad's offer only to visitors from that ad.
  • Time. Wait for a signal of interest: a few seconds, some scrolling, a second page view, or exit intent.
  • Cap the frequency. Once per visitor for a signup offer, never again after they convert, and a limit on how many campaigns anyone sees in a set time.
  • Make it easy to close. A visible close button, close on outside click, and a large enough tap target on phones.
  • Never cover the add-to-cart button on mobile.

OptiMonk handles these with its targeting rules and frequency limits, including a User Experience Protector that caps how many campaigns a visitor sees.

Pop-up window design: 7 best practices

  • Match your brand. Use your colors, fonts and tone, so the popup feels like part of the store.
  • One message, one action. One offer, one button. If you need more information, ask for it on a second step.
  • Lead with the benefit. "Get 10% off your first order" beats "Subscribe to our newsletter".
  • Use one strong visual. A product photo or a picture of what the visitor gets, not decoration.
  • Make the button unmissable. High contrast, clear wording: "Get my code", not "Submit".
  • Design for the phone first. A separate, simpler mobile layout often converts better than a shrunk desktop design.
  • A/B test it. Test the offer, the headline or the format, one at a time.
A desktop popup and its separate mobile version for a Black Friday offer

For 50+ examples from real stores, see our popup design ideas. For the principles in more depth, see popup design best practices.

Your first popup: a simple recipe

If you're starting from zero, start here:

  • Type: a welcome popup
  • Offer: one clear incentive, such as 10% off the first order or free shipping
  • Ask for: an email address (add the phone number on a second step if you use SMS)
  • Show it: after a few seconds or some scrolling, on desktop and mobile
  • Show it to: visitors who haven't subscribed yet
  • How often: once per visitor, and never again after they sign up

With OptiMonk, you can describe exactly this in one sentence, and the agent designs the popup for your brand, builds a mobile version and sets the targeting.

Four popup concepts drawn by the OptiMonk agent for a welcome offer

Are pop-ups safe?

Popups on a store's own website are part of the page and are as safe as the site itself. Be careful with browser windows that open unexpectedly and ask you to download software or enter passwords; those are a different thing, and browser popup blockers exist for them.

Do popups work on mobile?

Yes, if they're designed for it: a smaller layout, an easy close button, a delay or scroll trigger instead of an instant full-screen popup, and never covering the add-to-cart button. Exit intent can work on phones too.

Will ad blockers or popup blockers stop my popups?

Browser popup blockers stop new windows, not on-page popups. Some ad blockers also block known marketing scripts, so a small share of visitors may not see popups from any tool.

Are popups GDPR compliant?

A popup itself is neither compliant nor non-compliant; what matters is how you collect and use the data. Ask for clear consent, link your privacy policy, and use double opt-in where your market expects it.

What is a good popup conversion rate?

It depends heavily on the offer, the audience and the trigger, so a single average isn't very useful. Compare your popups against each other with A/B tests instead.

Popup vs slide-in vs banner: which should I use?

Use a centered popup for one important offer, a fullscreen popup only for messages that must be seen, and a small, non-blocking message when you don't want to interrupt. Test which one your visitors respond to.

Choosing a popup tool

If you're comparing tools, see our roundup of the best Shopify popup apps, plus the best OptinMonster alternatives and Privy alternatives for online stores.

Make your first popup

Now you know what a popup is and how to use one well. The fastest way to learn the rest is to put one live.

Describe your first popup in one sentence. Free to start, no credit card.

Written byNikolett LorinczMore from Nikolett

Keep reading

All articles
OptiMonk monk meditating in lotus pose

Your first popup is
one sentence away.

Free to start. No credit card.