This article examines some of the best website popup examples. Website popups are an excellent tool for converting visitors into newsletter subscribers.
By looking at effective website popup examples, you can get a better idea of how you can achieve similar results on your own site.
We Know a Good Popup When We See One
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.
Let’s get started!
- What Are Website Popups?
- Why Should You Use Popups on Your Site?
- 11 Brilliant Website Popup Examples
What Are Website Popups?
A website popup is an overlay window that appears on top of your website’s content, aimed to immediately capture and engage your visitor’s attention with a targeted message.
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
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.
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
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!
3. HelloFresh‘s Cart Abandonment Popup
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:
- A user has customized their own meal plan
- 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
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!"](https://cdn.optinmonster.com/wp-content/uploads/2020/07/optinmonster-fullscreen-lead-magnet-popup-example-.png "optinmonster-fullscreen-lead-magnet-popup-example - OptinMonster")
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:
- We create long-form cheatsheets, checklists, and ebooks related to important topics related to our product.
- 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
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
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
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
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
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
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:
- How to Create a Lightbox Popup to Grow Your List
- Exit-Intent Popups: 40 Hacks To Boost Conversion
- 25 Email Popup Examples (& Best Practices) to Grow Your List
Want to get started? Sign up for OptinMonster today, risk-free with our 14-day money-back guarantee!
Add a Comment