Wisepops logo

Last updated Wed Oct 16 2024

50+ Website Pop-up Examples [+Sites with Pop-ups]

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 website 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 best website pop-up examples from different businesses—from online stores to personal blogs.

Sections:

Create website popups that work

No coding needed—start improving your marketing today with popups that achieve conversion rates of up to 25%

popup animated

Get started with website popups:

What’s a Website Pop-up?

A website popup is a browser window that overlays a website on a screen, usually intentionally, 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.

Popups on websites are defined by three features:

  • A web popup does not disappear until the visitor closes it

  • Each website popup has adjustable appearance options (design, size, colors, etc.) that one can tailor to match the design of the website

  • Popups can be used not only for marketing goals like email collection but for surveys and navigation, too

website popup example

Are Website Pop-ups Effective?

We all know, the evidence against web popups is substantial. Still, 65% of online businesses out there have at least one popup ad.

So, here’s the thing:

If you personalize the design and choose the audience to target, you can create a website popup that looks good and has some value.

Here’s why website popups could work for you:

  • They are effective: Web popups convert 4.01% of visitors on average 

  • They can get sales: Sharing discounts with popup ads can convert up to 4.87% of visitors

  • They can be contextual: 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)

  • They can be non-intrusive: website popups can appear as a sticky bar, so there’s no need to interrupt the browsing experience (there are 30+ popup types out there)

There are pros and cons to website popups, but the point is—

Popup ads don’t have to be annoying. You can make them relevant and valuable for your visitors.

mobile vs desktop popups statistics
The State of Visitor Engagement on Shopify [Study]

See how Shopify businesses use website popups to get leads and sales:

Read the report

Want a breakdown of website popups by their type?

Take a look at these in-depth guides with website popup ideas and more examples:

And also check out these templates for popup campaigns:

Popup templates!

Get inspired by beautiful campaigns

Website Pop-up Examples

Here are examples of popup ads made by folks who have a good idea about design personalization and targeting, added with best practices and practical tips.

1. Flaus

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):

popup website example

Flaus made this popup example with Wisepops, our own popup builder.

Unlimited free trial, zero commitment. See who uses Wisepops.

★★★★★

"We've increased our signups by 10x, very easy to integrate with our website and email platform, too"

Wisepops review from Capterra

Want to know why offering $10 off instead of 10% off to first customers is a better idea to protect profits?

Read our guide: Discount code examples & ideas

2. Blume

Announce a brand birthday week sale with a website pop-up? Blume’s is the way to go. A nice-looking website popup 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!

blume pop up window
A website popup case study

Learn how Blume converts up 5% of their store visitors with popups: Blume's popup strategy

3. Hopaal 

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.

nice popup box

Hopaal used Wisepops to make this website popup:

➡️ More examples of popups made with Wisepops

4. Elder Statesman

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.

joyful popup on a website

Elder Statesman is one of the most successful Shopify stores, generating about $11 million in revenue.


See more examples: 30+ top Shopify stores

5. Charlotte Bio

The most compelling thing about this website pop-up box is the discount code that visitors can apply to the cart with a single click. That’s really convenient—in fact, this website popup example with a flash sale announcement helped get 17% of the monthly revenue in six hours (see the case study below):

charlotte bio mobile sale popup
charlottebio
See how to use website pop-up boxes for flash sales:

6. Overstockart.com 

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 lead base.

blog website popup
Amitai Sasson

“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.”

Amitai Sasson, VP of ecommerce at Overstockart.com

7. Snif

“What? Oprah’s favorite candle?” That could easily be the first reaction to this website popup message example. One of Snif’s products was chosen for Oprah’s Favorite Things—definitely something to use to attract the attention of potential customers!

cool popup on a website

Related guide:

How to promote a product (with examples and expert tips)

8. Ekster

This is not just an ordinary website popup window asking for an email, but a sales maker (because who would say no to a free cash clip?) This way, Ekster lets visitors have a free product for purchases over $100, and the pop-up ad is sharing the offer with everyone.

stylish popup box

Want to see great examples of successful store designs?

Ecommerce website design examples

9. Pedego Harlem 

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?

nice popup from a website

Convert more visitors with time-limited offers:

Guide to time-limited deals (+examples and tips from business owners)

10. NUOO

NUOO nails the design of this popup ad on their website. There’s a really cool image of a few products, a simple message with an offer, and only one field to fill out. And, of course, this popup message matches the overall website design beautifully.

nuoo popup ad website

NUOO also has cross-sell popup ads for increasing sales of particular items.

See Wisepops popup contest to learn more about that campaign.

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.

popup window example annoucement

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:

💡 See how to do geo-targeting in popups

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, this ecommerce 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.

popup on a website

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:

popups with countdown vs popups without a countdown statistics

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?)

ben jerry's website popup box

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!

very small popup box

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.

dolce gabbana popup box

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 offer) without interfering with the browsing experience on the page:

dark popup for a website

Creating such small pop-up boxes for websites is pretty easy.

Here’s me making a website popup exactly like Queen Garnet's in less than a minute inside Wisepops:

how to make small website popup

Unlimited free trial, zero commitment.

17. Brooklinen

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.

tiny popup ad example

Here's the view up close:

small website pop-up example

18. OddBalls

Spin to win popups are an effective way to boost email list building efforts. Online stores use mostly them to collect emails with product giveaways, discounts, and free shipping. In this one, OddBalls offers two different discounts in exchange for emails and phone numbers:

wheel popup website example

One more interesting example from OddBalls—

In addition to web pop-ups, this store also converts visitors with onsite notifications. 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 onsite notifications on OddBalls (the bell in the right top corner):

onsite notification feed bell

If you click the bell, you open the feed with preview messages.

OddBalls currently has three campaigns: 

  • Discount for new customers

  • Product announcement 

  • Waitlist signup form

Here they are:

onsite notification feed

When opened, the previews show more info. According to Dan Mitchell, the Ecommerce Manager OddBalls, onsite notifications played a major role in generating signups and sales.

In fact—

Dan Mitchell, Ecommerce Manager OddBalls

"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."

Dan Mitchell, Ecommerce Manager OddBalls

Read more about OddBalls campaigns: OddBalls onsite marketing campaign study

Or you can also check out what onsite notifications can do:

19. Net-A-Porter

This website popup message is similar to the previous few examples. The biggest difference is the position—it appears in the left bottom corner. Also, it’s a sale promotion example, showing us how we can drive visitors to sales to maximize engagement.

website popup example small

Related:

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?

small popup box example

21. Recess

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!)

website popup

22. Marigold Coffee

Want your website pop-up to be simple and to the point? If yes, take a look at this pop-up ad 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 website pop-ups.

website popup in a corner

Want to learn how to write engaging texts for your marketing?

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.

round popup for a website

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.

full screen popup window
asphalte
This clothing store generates up to 4,000 emails every month with full-screen popups:

25. Eight Ounce Coffee

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.

homepage website popup example

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.

simple popup window

27. Nora

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.

non intrusive popup box

Related content:

➡️ Ecommerce marketing strategies

28. Charles & Company

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.

dark popup box on a website

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.

popup window example

Did you know you can choose how much to darken your website pop-up background?

Learn more: What is a lightbox popup?

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!

popup box toms shoes

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

31. Voltage Coffee Project

I’d like to take a closer look at this one.

Voltage Coffee had two pop-up messages running on their website to generate leads from visitors.

The first one is a cool-looking popup window offering us 10% off our first order (looks solid: a nice branded design and short copy):

website popup with discount

Next—

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:

variation of popup window

When I signed up, I got this second pop-up window (so it's a multistep popup), 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):

coupon code in a popup window

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:

testing popup on websites

One good idea for an A/B test is exactly what Voltage Coffee Project did: adding an image. According our research, website popups with images convert much better:

image vs no images popup statistics

If you’re interested in learning more about this technique, check out this simple explanation of the A/B testing process in Wisepops.

Did you know that you can generate and share unique discount codes from your Shopify account in popups automatically?

➡️ How to make unique discounts in Wisepops

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!

website popup with coupon

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.

black popup window example

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!

popup on a website

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:

simple popup from a website

36. Scott’s Protein Balls

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.

colorful website popup example

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.

smart popup window

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.

free sample popup window example

39. Wisepops

You wouldn’t expect a popup company not to have pop-ups on its site, right? 

We display this exit intent campaign to all new visitors on our blog to build our email list. Feel free to subscribe—we send fantastic tips to convert traffic with onsite marketing campaigns.

exit popup website wisepops

Learn more:

➡️ What is onsite marketing?

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:

popup ad with lead magnet

41. The Humane Society of the United States

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.

donation website popup

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 collecting phone numbers is one of the brand’s marketing goals at the moment.

example of a pop up from an online store
faguo logo
Learn how Faguo generates over 2,000 new leads every month by giving away a pair of expensive sneakers:

43. Stumptown Coffee Roasters

We featured Stumptown’s popup campaign in our list of signup form examples, and here goes one more. One thing I especially like about this one is a cool product visual—something that all online stores need to have (especially in welcome popups like this):

first order website popup example

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).

giveaway website pop up box

45. Art of Play

Acting as an exit-intent popup, this pop-up ad 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.

popup for a website that shows on exit

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.

website pop up from a blog

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.

on click popup box

On click popups are interaction-based, which makes them highly relevant to visitors. Here’s how to create a click-triggered pop-up.

48. Lil Bucks

This popup window is beautifully made! It manages to stay easily readable thanks to a smart choice of colors as well as the colorful visual of nicely arranged products. Also—there are a few emojis in the popup copy—something we don’t see very often.

colorful popup 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:

small popup window example

50. Virtuance 

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.

simple popup window example

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.

popup window with buttons

52. Hardgraft

They say that creating a design that stands out is pretty tough... This one really got it done with the bold and stylish typography, cool colors, and beautiful collage. An absolutely gorgeous pop-up window that also made it into our list of the best popup designs.

gorgeous popup from a website

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.

54. Only Natural Pet

We see ordinary examples of email popups everywhere, so this store decided to make the signup process a bit more interesting. Instead of getting an email field to fill out right away, we get three paw prints:

popup window gamified

You need to click on one of the prints to get your discount (or something else).

Here’s how this works:

popup example gif

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.

pop up ad white

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 bar popup

57. Brooklinen

Here's an example of a website popup that is optimized for mobile devices (mobile popup). As you can see, it covers about 30% of the screen (that's the max allowed space, according to the best practices) and allows us to easily continue navigating.

mobile optimized popup brooklinen

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

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 by writing detailed, in-depth guides.

Education:

Master's in International Marketing, Academy of Municipal Administration

Help