11+ Website Popup Examples to Help You Boost Conversions

Do you want to create popups that will convert more site visitors into customers? By looking at effective website popup examples, you can get a better idea of how you can achieve similar results on your own site.

Here at OptinMonster, our entire business is website popups. We’ve spent over a decade helping businesses generate more leads and make more sales.

Our software lets you create lightbox popups, fullscreen mats, floating bars, and more. And with our dozens of pre-made templates, you can have your popup designs ready in mere minutes.

With all this experience, we know a good popup when we see one. And we can explain why they succeed.

In this article, I’ll go over the basics of website popups, explaining what they are and how they can help your business. Then, I’ll share 11 website popups examples and discuss what you can learn from each one.

Let’s get started!

What Are Website Popups?

A popup is a window that displays on top of your website’s content, designed to capture your visitor’s attention quickly.

Popups usually include a call to action (CTA) that asks visitors to perform an easy task, such as:

  • Signing up for an email list
  • Redeeming a coupon code
  • Viewing suggested content like related blog posts or similar products
  • Registering for a webinar or demo

Because popups disrupt a visitor’s browsing, you should use them carefully in order to maintain a good user experience (UX).

Which brings us to the next question I want to address.

Why Should You Use Popups on Your Site?

When used well, popups can be a transformative tool in your digital marketing strategy.

How?

With OptinMonster, you can use our robust targeting and triggering features to show the right messages to the right people at the right time.

In fact, the American Bird Conservancy increased their lead generation by 1000% with targeted OptinMonster popups.

They accomplished this feat by showing different popups to different website visitors.

The American Bird Conservancy used Page-Level Targeting to tailor their popup messages based on the content each user was looking at. This tactic lets them show offers and CTAs that are highly relevant to each user’s interests.

In other words, you should use your popups to show your visitors the offers and messages that they want to see.

When you do that, your website popups will actually enhance UX. And you’ll see your conversion rates soar.

11 Brilliant Website Popup Examples

1. American Bird Conservancy‘s Pledge Popup

American Bird Conservancy popup that says "Ready to keep your cat safe while protecting birds? Take ABC's Cats Indoors Pledge and commit to keeping your cat safely contained." Bit CTA button says "I want to protect Cats & Birds!" Below, linked text reads "No, thanks"

Goal: Lead generation

Target: Visitors reading their web pages about keeping cats indoors

We told you earlier that the American Bird Conservancy (ABC)  used OptinMonster to improve their lead generation by 1000%. This is one of the targeted popups they used to do just that.

ABC has a section on their website dedicated to educating people about the importance of keeping their pet cats indoors. This popup only showed up for visitors who had been reading those pages. Visitors who clicked the “I Want to Protect Cats & Birds!” CTA button were redirected to a landing page. There, they could sign a pledge to keep their cats indoors.

American Bird Conservancy webpage for its Indoor Cats Pledge

To take the pledge, each user enters their name, physical address, email address, and phone number. By collecting this information, ABC creates a strong new lead. And they have all the data they need to add this lead to the proper segmented lists.

Read the full case study here.

2. OptinMonster‘s Special Offer Exit Popup

OptinMonster popup that says "Special Offer! Complete your checkout now and get 20% off!" CTA buttons say "Claim My Discount NOW!" and "I have a few questions first"

Goal: Land a sale

Target: Visitors who have started the process of signing up for a plan

OptinMonster specializes in helping businesses create effective popups. So we definitely put that expertise to good use on our own website! Let’s look at 1 of our popup triggers:

A website visitor has browsed our pricing page and selected a plan they’re interested in. If they start to leave the page without finishing their purchase, they’ll see this popup, offering a 20% discount.

To accomplish this, we use our industry-leading Exit-Intent® technology. Our software detects when a user is about to leave your website and displays your exit popup before they leave.

Exit popups are the perfect opportunity to offer a coupon or discount code. After all, when you’re on the fence about making a purchase, a lower price often seals the deal.

Exit-Intent® is included in OptinMonster’s Pro and Growth Plans, so sign up today!

Get Started With OptinMonster Today!

3. HelloFresh‘s Cart Abandonment Popup

HelloFresh popup that says "You left a plan in your cart. Discount successfully applied! when you complete checkout now." CTA button says "Claim offer." Linked text below says "Continue"

Goal: Recover an abandoned cart

Target: Visitors who have begun building a meal plan

Here is another exit popup example from the meal delivery service HelloFresh. This popup is triggered when these 2 actions happen:

  1. A user has customized their own meal plan
  2. That user attempts to leave the HelloFresh website without making a purchase

HelloFresh knows that exit popups are one of the best ways to recover abandoned carts. OptinMonster integrates with platforms such as Shopify, WooCommerce, and BigCommerce, so you can precisely target your eCommerce popups.

4. Joann’s Coupon Popup

Exit popup example from Joann: "Before you go, online only. 25% off your total purchase + free shipping on all orders" There's a field for an email address. CTA button says "Shop with 25% Off." Linked text below says "Continue without 25% off"

Goal: Collect email addresses and win new customers

Target: Visitors who are leaving their site

Here’s another exit popup example from Joann, a popular fabric and craft store. Joann offers a coupon as a lead magnet. In other words, visitors only get the coupon code if they sign up for Joann’s email marketing list. This type of popup has short-term and long-term benefits:

  • Short-term: Some exiting visitors will use the coupon immediately, and Joann will get a sale.
  • Long-term: Joann grows their email list, and their email marketing campaigns reach more people. This gives them more opportunities to promote their products and win more sales in the future.

5. OptinMonster’s Fullscreen Lead Magnet Popup

OptinMonster fullscreen website popup that says "How to Run a Successful Email Marketing Campaign [Cheatsheet] Create high-converting email campaigns EVERY time." Fields ask for name and email address. CTA button reads "Give Me the Cheatsheet!"

Goal: Lead generation

Target: People who are reading content similar to the lead magnet

We just discussed using a coupon code as a lead magnet. Here’s one of OptinMonster’s own popups where we offer an in-depth PDF guide in exchange for an email optin. In fact, this popup is part of a strategy we use throughout our site, specifically our blog:

  1. We create long-form cheatsheets, checklists, and ebooks related to important topics related to our product.
  2. We offer these lead magnets in popups on our blog posts related to that topic.

Users reading any of our articles about email marketing have already shown that they want to learn more about the topic. By offering them a related lead magnet, we move those visitors further through our sales funnel.

This is also an example of a fullscreen OptinMonster campaign. Fullscreen popups are an attention-grabbing choice for your very best offers.

6. Olyplant‘s Popup to Reduce Bounce Rate

OlyPlant_OptinMonster_Strawberries

Goal: Keep visitors on the website and make the most of their SEO efforts

Target: Visitors who found their page through Google

Olyplant is a Greek company that sells organic plants. This eye-catching popup from them reads:

Do you love strawberries?

Discover all the strawberry varieties that produce and cultivate your own now …

Yes, I want to try it!

No, I do not eat strawberries.

Olyplant used 3 OptinMonster Display Rules to determine who would see this popup and when:

  • Page-Level Targeting: This popup only displayed on their tutorial on planting strawberries
  • Referrer Detection: Only visitors who found the page through Google search saw this message
  • Scroll Distance: The popup displayed when a visitor had scrolled through 50% of the page

Olyplant chose these targeting and triggering settings with 1 goal in mind: to keep their organic traffic on the site for longer.

Often, when a visitor finds one of your web pages via Google search, they scan that page only and leave your site without taking any action. That’s called having a high bounce rate.

Olyplant turned that around with this popup. A whopping 17% of readers clicked the YES button on this campaign, and they viewed an average of 5.08 pages per session. That gave Olyplant more opportunities to convert those visitors into customers.

Read the full case study here.

7. Best Buy’s Feedback Popup

A website popup example from Best Buy. It starts with "We'd like your feedback!" and gives more details about their user experience survey. CTA buttons say "Take the Survey" and "No, Thanks"

Goal: Get feedback from website visitors

Target: Customers browsing their site

If you want to improve the user experience on your website, you need to collect customer feedback. The electronics store Best Buy uses a popup to ask visitors to fill out a survey.

This popup example is simple and no-frills, matching the overall design of Best Buy’s website.

8. Kennedy Blue‘s Shopping Cart Feedback Popup

kennedyblue exit survey

Goal: Learn why website visitors abandon their carts

Target: Abandoning visitors on their shopping cart page

Kennedy Blue is an online retailer of bridesmaid dresses. They used this OptinMonster exit popup to ask their website visitors to complete a feedback survey. The popup converted 7% of abandoning shoppers on their shopping cart page. With this survey, Kennedy Blue got vital feedback from these users, who could explain why they changed their minds about purchasing.

Learn how Kennedy Blue increased their sales by 50% with OptinMonster

9. Medium’s Content-Gating Popup

Medium's website popup asking users to either make a free account or sign up for a paid membership.

Goal: Get more free and paid subscribers

Target: Visitors reading their free articles

Online publisher Medium uses a gated content strategy. They offer some articles for free to all website visitors, while other articles require sign-in or a paid subscription. The popup above displays when a visitor has spent some time reading one of their free articles. The message explains the benefits of Medium’s free and paid accounts.

10. Skates.co.uk‘s Geotargeted Popup

Skates.co.uk targeted visitors from France using OptinMonster geotargeting

Goal: Win holiday sales by highlighting fast shipping times

Target: Visitors who live in countries where fast shipping is available

Did you know that OptinMonster lets you target your popups based on each user’s physical location? This technology is called geotargeting, and it lets you show visitors popups that are relevant to them.

Skates.co.uk is an online retailer based in England. With this popup, they offered all visitors a 5% coupon, but they also went a step further. They used geotargeting to show visitors the expected shipping time to their country.

The results? During that holiday season, their daily sales increased by £2000.

Read the full Skates.co.uk case study here.

11. OptinMonster’s Webinar Popup

OptinMonster website pop up that says "Live Webinar! Every Wednesday at 11 am ET." The popup gives more details about the webinar. The CTA button says "Save Your Spot!" Linked text below says "Don't need the webinar? Click to Save 35% NOW!"

Goal: Get more webinar attendees

Target: Visitors browsing the OptinMonster blog

Webinars let you demonstrate your expertise, generate leads, and make a sales pitch for your product or service. So if you offer webinars, be sure to feature them in your website popups!

In this example, we use a Slide-in Scroll Box to promote our weekly live webinar. Slide-in Scroll Boxes allow visitors to continue reading your content, making them a less obtrusive alternative to traditional lightbox popups.

Create the Best Popups for YOUR Website!

At the end of the day, popups are one of the most powerful tools in your marketing arsenal. And as we’ve seen, there is no one-size-fits-all approach.

Quite the opposite, actually. We encourage you to mix and match the goals, targets, and triggers we covered here. You should also use A/B testing to help you perfectly hone your popup campaigns.

With OptinMonster, we give you the freedom to choose what works best for your business at a price you can afford.

Want to learn even more about website popups? Here are a few resources to check out:

Want to get started? Sign up for OptinMonster today, risk-free with our 14-day money-back guarantee!

Get Started With OptinMonster Today!

I'm writer and digital marketer with over 15 years of experience. As a former marketing director for small nonprofits, I understand what it's like to be a one-person marketing department. I'm here to help you generate more leads in less time.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

Comments

  1. Thanks for reading this article – I hope you found it helpful.

    I wanted to let you know about our powerful Exit Intent® technology that converts abandoning website visitors into email subscribers and customers. Typically 70% of the people who visit your website will leave and never return, meaning all those marketing efforts to reach them have gone to waste.

    OptinMonster’s Exit Intent® technology detects user behavior and prompts them with a targeted campaign at the precise moment they are about to leave.

    You can unlock this powerful technology 100% free when you purchase our OptinMonster Pro plan.

    Get started with OptinMonster today and see why 1,000,000+ choose OptinMonster to get more subscribers and customers.

    Thomas Griffin
    President of OptinMonster

  2. People hate popups because the people who do them do not put nearly enough thought into making them like has been given in this article. For the most part, there shouldn’t be any reason for people to actually have to hate yours with the ideas given to you here.

    1. Nathan Thompson
      Nathan Thompson July 13, 2020 at 5:33 am

      Hey Corey, Thanks for the comment 🙂 Totally agree! Many people could easily increase conversions by taking just a few minutes to create the right popup for their audience and site’s content. Thanks again for reading!

  3. Hi,
    Thanks for sharing different types of popups to increase the sale.

  4. Nahid Sharif Komol September 9, 2020 at 4:23 am

    Hey Nathan,
    Nice article indeed. As a general reader, I also disliked pop-ups while browsing any websites. It’s really irritating showing up again & again.

    But while doing my research, I found that it’s not as bad as we thought before. Actually it can drive more conversions & leads if implemented in the right way. And I have to admit that You have put all the interesting things all together here. Surely I will add some information to my article from this one.

    Thanks a lot
    Cheers😉

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.