50+ Website Pop-up Examples [+Templates for Conversions]

Want to see website popups that can improve your website conversions and visitor engagement?

If you’re on the fence about using a popup on your site or just want to see a collection of website popups made by experienced marketers, this guide is for you.

Scroll down for a list of website pop-up examples from different businesses (from online stores to B2B businesses and personal blogs)—and what makes them effective.

Sections:

• What is a website popup?

• Website popup playbook

• Are website popups effective?

• Examples of pop-ups on websites

What’s a website popup?

A website popup is a window that overlays a website on a screen, usually intentionally, and offers a marketing or informational message to engage the visitor. Website popups can appear as small windows, full-screen takeovers, windows that slide in from the side, or opt-in bars.

Popups are completely customizable both in terms of design and website placement. It is possible to choose where to display them and to which visitor group (e.g. new or returning visitors). The most effective popups use personalized designs and visitor targeting to be contextual and relevant to visitors.

Popups on websites are defined by a few features:

• A web popup does not disappear until the visitor closes it or clicks anywhere on screen

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

• Popups can be used not only for business growth goals like email collection but for upsell, customer surveys, cart recovery, and website navigation

• Popups can have different formats, including full-screen windows, small boxes, banners, sticky bars, and spin wheels. A combination of multiple formats (a full-screen campaign with a spin wheel) is also popular

• Popups are made using HTML, CSS, and JavaScript, but no coding experience is needed to make and launch them using popup software

Website popup playbook

This playbook breaks down the highest-performing website popup campaigns we see businesses using today. Click them to see how they work.

Can website popups boost conversions?

Research shows that 62% of ecommerce sites use at least one popup to drive business growth—that's evidence that popups are a go-to channel for boosting website conversions.

Here’s how I can explain this:

If you personalize the design, display trigger, and add something valuable for your target audience, you can create effective website popups that generate conversions.

Here are some more facts about website popups based on research:

• They are effective: Web popups convert 4.65% of visitors on average (and around 8% on Shopify)

• They can get sales: Sharing discounts with popups can convert around 4.87% of visitors on average

• They can be relevant to 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)

• They can be non-intrusive: website popups can appear as a sticky bar or a slide-in, so there’s no need to interrupt the browsing experience

• They can help educate customers: popups promoting educational resources can reach 7.1% CTR and bring hundreds of orders as a result

• They can show real results: with attributed revenue tracking in popup software, you’ll know exactly how much each popup contributes to your revenue

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

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

Website popup examples

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

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

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

You can build one in minutes, too. Just drag and drop, or use templates designed to various common marketing goals:

14-day free trial, use instantly. See ideas of popup campaigns you can launch today

2. Nutrimuscle

This Nutrimuscle popup appears only on protein product pages, ensuring relevance for visitors already browsing the category. The clean design highlights the bestselling product with benefit bullets and team endorsement, while the blue CTA provides clear visual contrast.

The 6.8% click-through rate reflects the targeted approach - showing protein recommendations to protein shoppers creates higher engagement than generic popups campaigns.

3. L'Atelier d'Amaya

This popup shows a special time-limited free shipping offer to website visitors viewing product pages. It's a popular tactic to boost average order value by offering a code for free delivery.

L'Atelier d'Amaya's effective website popup strategy achieved a 25.2% signup rate—well above the industry average.

4. 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 entire popup window simply gorgeous. Also, kudos for making sure that the image doesn’t make the text hard to read!

5. 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 the website.

6. Charlotte Bio

The most compelling thing about this mobile 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.

7. Overstockart.com

Popups 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 campaigns helped Overstockart.com triple their active lead base.

8. 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!

If your brand or product has been mentioned somewhere, consider sharing the news in your website popups, too!

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

10. Vepsäläinen

This example of a popup campaign comes from a furniture retailer. It shows how businesses can use popups to share news about opening new brick-and-mortar stores.

What also makes this example special is that Vepsäläinen targeted only visitors from the town where the new store opened (Tampere), keeping the message relevant. Geolocation targeting like this is a best practice for popup campaigns!

In fact, Vepsäläinen's visitors responded 6x better to targeted messaging than to generic ones: learn their popup strategy.

11. 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 a 10% discount for the first order, and only one field to fill out. And, of course, this popup message matches the overall website design beautifully.

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

13. 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 countdown timer 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.

Fact: popup campaigns with countdown timers can increase conversion rate from 4.63% to 7.34%.

14. Ben & Jerry’s

Ben & Jerry’s is a great example of big companies using popup campaigns 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?)

15. 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!

16. Dolce & Gabbana

Another example of a famous brand using popup boxes on their websites.

Dolce & Gabbana is letting us know about a popular product that most probably was sold out and has been recently restocked. That’s a very smart engagement strategy—drive visitors to best sellers with such a small and elegant popup ad.

17. 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:

Creating such small pop-up boxes for websites is easy, by the way.

Here’s me making a website popup exactly like Queen Garnet's in a few minutes inside a popup builder:

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

Here's the view up close:

19. 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:

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

21. 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?

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

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

24. Hardgraft

If you're looking for a non-intrusive alternative to traditional exit popups, consider this example. The "NEW MATERIAL, NEW DESIGNS" banner blends seamlessly with the backpack layout while highlighting Italian craftsmanship and weatherproof materials.

This popup approach avoids interruptions while capturing attention through strategic placement and contrasting dark imagery. The understated "VIEW GOODS" CTA matches Hard Graft's premium positioning, prioritizing user experience.

25. 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 full-screen popup campaign is perfectly in line with the website’s design thanks to the yellow and black color scheme. Plus, this popup window is scroll-based: it appears only when you reach about 50% of the homepage’s length (another best practice).

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

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

28. Nora

A clean, nice-looking, 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.

29. 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 corner popup (except for the social media links). Looks very cool + the window does not block the visitor from exploring the store.

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

31. 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!

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

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:

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

These two examples of popups show us an effective optimization practice: A/B testing different popup campaigns. By showing two separate campaigns to different visitors, it’s possible to learn what generates more conversions.

Doing the A/B testing requires duplicating the original popup campaign and making changes to it:

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 almost 50% more visitors.

33. 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!

34. 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 and increase conversions.

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

36. 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 message highlights the benefits of the deal. So, this upsell popup campaign is interaction-based and speaks directly to the visitor’s intent.

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

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

39. 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:

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

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

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

43. Black Ember

This time, it’s a gift card giveaway popup 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).

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

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

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

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

48. 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:

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

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

51. Meow Meow Tweet

Colors play an important role in our buying decisions, which is especially true for popups 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.

52. 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:

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.

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

54. 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!

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

Website popups: summary

If you’d like to learn more about how to use popups on your website to achieve your marketing goals, check out these resources from our blog:

• The ultimate guide to email popups

• The GDPR guide to popup compliance

• How to make SEO-friendly popups in 2025

• Popup best practices (design, copywriting, & targeting)