Want to see a website pop-up in its natural habitat?
If you’re on the fence about using a pop-up on your website or just want to browse a collection of popups made by folks who know a thing or two about design and visitor experience, this guide is for you.
Scroll down for a list of over 50 website pop-up examples from different businesses—from online stores to personal blogs.
What’s a Website Pop-up?
A website popup is a browser window that overlays a website on a screen, usually unintentionally, and offers a marketing message to engage the visitor. Website popups can appear as a small window, a full-screen takeover, a window that slides in from the side, or an opt-in bar either at the top or bottom of the website.
Popups on websites are defined by two important features. First, a web popup does not disappear until the visitor closes it. Second, each popup has appearance options (design, size, colors, etc.) that one can tailor to match the design of the website.
Get a head start on designing website pop-ups. Browse our library of designer-made popup templates. Start converting your traffic.
Why Using a Pop-up is Worth it
We all know, the evidence against web popups is substantial.
Still, most websites out there have one (or more).
But people hate them, right?
Well, here’s the thing:
If you have a good idea about web popup design and visitor experience, you can create a popup that looks good and actually has some value for visitors.
Here’s why website popups could work for your website:
Web popups convert 3.8% of visitors on average
Sharing discounts with popup ads can convert up to 4.87% of visitors
Targeting options allow to make context-based pop-ups (i.e. the ones that appear only on specific pages or to specific groups of visitors)
Popups can appear as a bar at the top or bottom of the website—so there’s no need to interrupt the browsing experience
To cut a long story short—
Popup ads don’t have to be annoying. You can easily make them more interesting to your website visitors if you play around with targeting and design.
➡️ Make a popup
Website Pop-up Examples
Here are examples of popup ads made by people who have a good idea about their design and visitors' experience on websites.
If you sell one or just a few products on your website, you’ll find this pop-up example interesting. The message focuses on the main value of the product (an electric flosser!) and emphasizes the bonus for buying right away ($10 off).
Flaus made this popup example with Wisepops, our own popup builder.
Announce a brand birthday week sale with a website pop-up? Blume’s is the way to go. A nice-looking campaign with a gorgeous image and short and sweet text on a darker background. And there’s only one quick field to fill in to get the discount!
Learn how Blume converts up 5% of their store visitors with popups: Blume's popup strategy
This popup window example shows us how just one image can be a recipe for a super cool-looking design. The whole background is just one properly positioned visual—and it makes the popup window gorgeous. Also, kudos for making sure that the image doesn’t make the text hard to read.
A nice, inviting, and friendly pop-up message here. A visually striking image and the font that matches the store’s (both are must-dos to make good pop-up messages) make this campaign feel like a natural extension of Elder Statesman.
The most compelling thing about this website pop-up box is the discount code that visitors can apply to their shopping cart with just a click. That’s really convenient for shoppers—in fact, the popup with a flash sale announcement helped this online store get 17% of its monthly revenue within six hours.
Popup ads can even help sell reproductions of Van Gogh and Monet.
This popup window includes a painting itself (a great idea!) and invites visitors to “get a weekly dose of oil paintings, artists & decor.” And the design is only part of the story: pop-up ads helped Overstockart.com triple their active email list.
“I know a lot of people are worried about popups and customer experience and I agree. But if you do popups right, then you can have them done tastefully, and you will reap the rewards.”
“What? Oprah’s favorite candle?” That could easily be the first reaction to this popup. One of Snif’s products was chosen for Oprah’s Favorite Things—definitely something to use to attract the attention of potential customers!
This is not just an ordinary website popup window but a sales maker (Because of the free cash clip—who would say no to that?) This way, Ekster lets visitors have a free product for purchases over $100, and the pop-up ad is sharing the offer with everyone.
Another example of how you can use a website popup to share diverse offers (not only discounts). This store has limited-time free shipping available, so why not help people go right to the shippable products?
NUOO nails the design of this campaign on their website. There’s a really cool image of a few products, a simple message, and only one field to fill out. And, of course, this popup message matches the overall website design beautifully.
11. Solo Stove
This online store uses a popup ad to let their Europe-based visitors know they can now buy their products. That’s a cool example of a website pop-up that displays only to viewers from a certain geographical area.
Offering free shipping in a certain country? Or maybe some local deals? Learn how to use popups to target website visitors from a particular city, country, or region:
12. Adore Me
This pop-up window example is interesting because it’s got a countdown at the top. Countdown timers are great for generating a bit of urgency and focusing the attention of visitors. Plus, the popup covers just a small part of the screen, letting us see good-looking products we can buy for a lower price if we sign up.
Our research of 514 million popup displays also found that popups with countdown timers (when used occasionally) generate a higher conversion rate than those without:
13. Ben & Jerry’s
Ben & Jerry’s is a great example of big companies using pop-up ads on their websites. See the small campaign in the right bottom corner? Thanks to that popup, the company drives traffic to the page where customers can browse flavors by category (Cinnamon bun dough, chocolate chip cookie, or maybe caramel?)
14. Stella & Chewy’s
Just like Ben & Jerry’s, this popup message also appears in the right bottom corner of the website. It’s a great design decision for sure—the ad covers just a little area of the screen, so it’s not very intrusive. Plus, the colors make this website pop-up look so natural!
15. Dolce & Gabbana
Another example of a famous brand using popup boxes on their websites. Dolce & Gabbana let us know about a popular product that most probably was sold out and has been recently restocked. That’s a very smart strategy—drive visitors to best sellers with such a small and elegant popup ad.
16. Queen Garnet
Now, we’re getting even smaller. This website popup window is perhaps the smallest on our list—but it’s also a very cool example. Thanks to this size (the width of 324px and the height of 15px), the campaign conveys the marketing message (the free shipping) without interfering with the browsing experience.
Creating such small pop-up boxes for websites is pretty easy.
Here’s me making a website popup like this in about 40 seconds inside Wisepops:
How about we go even smaller? Take a look at that tiny pop-up ad in the left bottom corner—it appears only on product pages (where the buying intent is the highest). The text says that all purchases over $200 will include a free tote, motivating us to go ahead and buy something.
Here's the view up close:
One more interesting example from OddBalls—
In addition to web pop-ups, this store also converts visitors with the onsite notification feed. It’s a social media-like feed that you can add to any website. What’s great about this tool is that it’s non-intrusive, engaging, and completely customizable.
Here’s how the onsite feed looks like on OddBalls (the bell in the right top corner):
If you click the bell, you open the feed with preview messages.
OddBalls currently has three campaigns:
Discount for new customers
Waitlist signup form
Here they are:
When opened, the previews show more info. According to Dan Mitchell, the Ecommerce Manager OddBalls, the feed has played a major role in generating signups and sales.
"Roughly 50% of all orders made on OddBalls used this code at the time when this onsite notification campaign was active. This translated into around £50k in revenue."
Read more about OddBalls campaigns: OddBalls onsite marketing campaign study
Or you can also check out what the onsite notification feed can do:
20. Luna Nella
This brand’s website features this non-intrusive popup box that shows up on product pages—exactly when visitors are learning about products (or even considering buying them). And, if they see the popup window asking them to sign up, they might be more likely to do so—why not get some inspiration once in a while?
One more product announcement popup window example. Since Recess often makes a series of cocktails, they need to drive traffic to them. Although the background image is quite colorful, the text is perfectly readable (kudos to the designer!)
22. Marigold Coffee
Want your website pop-up to be simple and to the point? If yes, take a look at this example: two sentences of text, simple yellow and white form, and only one field to fill in. And it’s also a great example of “benefits over features” copywriting in pop-ups.
23. A round pop-up
Pop-ups for websites don’t have to be boxes. To match the branding style, this pop-up is round, which makes it really stand out. Also, note that the visitors can choose the language of the newsletter (either English or French)—that’s something we definitely don’t see very often in web page pop-ups.
24. JUST Egg
This popup message takes over the entire screen—which is a bit of a risky move since the visitor can’t see the website. Yet, the design of this campaign is perfectly in line with the website’s design thanks to the yellow and black color scheme. Plus, the popup window is scroll-based: it appears only when you reach about 50% of the homepage’s length.
What do customers want? Get the best deals possible for products they want. The “Sign up and save” headline tells visitors that this is exactly what they will be able to do if they subscribe. Besides, there’s also a chance to get notified of new coffee specialties as well as clearance sales—that’s just music to the ears of a coffee lover.
26. Fits Socks
A highlight of this web popup design is that Fits keep the copy super short yet informative. While Fits is a known business so they may not need to write a long list of benefits, one of the takeaways for you is that you don’t have to fill the space on the popup window with words just for the sake of it.
Clean and stylish website popup example—I would expect nothing less from a fashion store like Nora. While it might seem like a pretty ordinary design, there’s one thing that makes this popup message stand out. It’s the built-in links to Nora's Facebook and Instagram pages, which indicates that social media is important for Nora’s marketing strategy.
Wondering if you can apply Nora’s popup box design on a website with a dark color theme? No problem. Here’s a very similar popup layout (except for the social media links). Looks very cool + the window does not block the visitor from exploring the store.
29. Hooray Foods
This website popup, although placed in a similar place as the two previous examples, has a different shape. There’s also a bit of a lightbox effect (the darkened background) to focus our attention on the message.
30. TOMS Shoes
This website pop-up example shows targeting at work. I visited TOMS a few days before and signed up to get their emails. Now, upon my second visit, I saw this sms popup message inviting me to subscribe to text alerts. That’s better than being slapped with another popup asking to do that I’ve done already!
TOMS is also known as a company with unique marketing campaigns (in one, they asked people to take photos of bare feet and post them on social media to raise awareness of the lack of available footwear to children in developing countries).
Result: 296,243 photos posted and the same amount of shoes was donated.
Learn more: Ethical marketing examples
I’d like to take a closer look at this one.
Voltage Coffee had two pop-up messages running on their website.
The first one is a cool-looking window offering us 10% off our first order (looks solid: a nice branded design and short copy):
The second popup window is a bit different. It still has all the same colors, but now it also gets a nice image, one button instead of two, and a more attractive 15% discount:
When I signed up, I got this second pop-up window, giving me the discount code to copy.
That’s a unique coupon code, which allows the brand to actually track the performance of this campaign (by checking how many codes were used in shopping carts):
These two examples of pop-up ads show us an effective yet not widespread practice: A/B testing different popup campaigns. By showing two separate campaigns to different visitors, it’s possible to generate more conversions.
Doing the A/B testing is pretty easy.
All you need to do is duplicate the original popup campaign and make changes to it:
One good idea for an A/B test is exactly what Voltage Coffee Project did: adding an image. According our research, popups with images convert much better:
32. Appalachia Store
This popup window takes the design one step further. To motivate the visitor to subscribe, the coupon field is included, and available only after subscribing. This reminded me a little bit about paper coupons, too!
33. Anne Bing
Dark, beautiful, and stylish—those are the best words to describe this website pop-up example. Thanks to the black background, this one draws our attention easily. Black gives this popup ad a sophisticated and elegant appearance (which is the actual reason why companies selling luxury goods—remember Dolce & Gabbana’s example?—favor black for pop-up windows on their websites).
Also, note how the text says “Offer valid for a limited time only”—a good way to create the sense or urgency.
34. A black stylish popup
This popup ad goes for the same effect as Anne Bing’s but also includes a really cool visual. It’s a good technique to show visuals like that to first-time visitors—almost makes you imagine having that good-looking candle somewhere in your living room!
35. Alexander Daas
Let’s keep going with a dark theme. If black and white are your website’s main colors like Alexander Daas’s, you can create a minimalistic yet very cool-looking pop-up box like this one:
This website greets us with a friendly welcome popup with a generous discount. The text takes center stage for this design and the “Unlock Offer” CTA tells us what we should do next. Overall, this popup ad example feels very fresh and modern.
37. Magic Spoon
This pop-up message is an interesting example because it appears after the visitor adds a product (a box of cereal) to the shopping cart. As you can see, we’re offered to buy a subscription instead of a single product—so the pop-up highlights the benefits of the deal. So, this upsell campaign is interaction-based and speaks directly to the visitor’s intent.
38. Sundays for Dogs
Let’s see one more popup message example from a subscription business. To encourage visitors to convert, this store offers a free sample in this ad. So, if somebody is hesitating about whether to buy a subscription, getting this offer might be exactly what it takes to become a customer.
40. Better Creating
Running a personal blog? Then this website popup example should be interesting. It invites us to get iOS and Notion design packs—basically, lead magnets. The popup CTA button really stands out, which is a great design move.
A website pop-up is also a helpful visitor engagement tool for nonprofits. This one, for example, is motivating visitors to make a donation in honor of someone else. The combination of the heartwarming image and strong copy makes up a truly powerful message.
42. Perfect Keto
A good-looking, colorful popup window example with a first order discount. Note that Perfect Keto is asking for a phone number, not an email (which is the case with most web page pop-ups). Perhaps building a list of phone numbers is one of the brand’s marketing goals at the moment.
44. Black Ember
Another popup message example made with Wisepops.
This time, it’s a gift card giveaway campaign. For online businesses like Black Ember, giveaway ideas are a quick way to accelerate email list building as well as improve overall visitor engagement. Indeed, website popups like this one have a lot of value for customers (and don’t require a lot from them to participate).
45. Art of Play
Acting as an exit-intent popup, this example appears when the visitor tries to close the website. Its goal is, obviously, to prevent the visitor from leaving without converting—so a generous bonus is offered to us. Wisepops research suggests that exit campaigns like this one can convert up to 19.6% of traffic.
46. The Muse
This pop window example is displayed to those engaging with the site’s content. Since getting quality career advice is the biggest goal of its target audience, the text says that the subscribers will get exactly that.
47. Empire Skate
This is the so-called “on-click” popup (it appears when the visitor clicks on a button on the website). Empire Skate’s online store shows this popup up box when you click on the “create an account” button placed throughout the website.
49. Partake Foods
A pretty unique web popup example. While it’s not particularly exciting design-wise, it shows us a great marketing technique: digital coupons. Since Partake Foods sells its products at retail stores, the business uses this campaign to encourage buying there:
Visitors coming to Virtuance are interested in getting their real estate sold faster with the help of photography and video. That’s why the website offers a discount for this service in a pop-up box. The promo code is sent to subscribers’ inboxes.
51. PRESS Foods
One more website pop-up example from a subscription business. This time, we don’t know what kind of discount we can get, so we need to click the popup window to find out. That’s a smart strategy that can increase the visitor engagement by introducing the element of surprise.
53. Meow Meow Tweet
Colors play an important role in our buying decisions, which is especially true for pop-up ads on websites. If you make your popup match your business’s colors, it can help with attracting attention of visitors, brand recognition, and visual consistency. This example shows just that. Combined with a playful copy, this one is simply a treat for the eye.
You need to click on one of the prints to get your discount (or something else).
Here’s how this works:
Also, note that the last popup window with the results also contains a choice of a pet (a dog, a cat, or both). This way, Only Natural Pet collects data from visitors to be able to send them relevant marketing messages via emails later.
55. Try Guys
Sometimes, website pop-ups collect phone numbers instead of emails. Like this example from Try Guys, a merchandise store of a group of famous YouTubers. It’s simple, focuses our attention well, and states the main benefit clearly.
56. Recess (again)
As I’ve mentioned, website pop-ups can appear as an opt-in bar. We’ve seen that Recess uses the traditional window popups for product announcements, so another format, the bar, was chosen for building the email list. The design of this campaign is just as cool and fits the overall vibe of the store—nice work!
Website Pop-Up: Your Next Steps
If you’d like to learn more about how to use website pop-ups on your website to achieve your marketing goals, check out these resources from our blog:
Oleksii Kovalenko is a digital marketing expert and a writer with a degree in international marketing. He has seven years of experience helping ecommerce store owners promote their businesses.