16 pop-up examples that generate conversions

This article will explain pop-up best practices to help you make the most of this exposure opportunity. Plus, we’ll highlight 16 eye-catching pop-up examples and introduce some of our favorite pop-up templates.

Use the information to inspire your own designs, grow your email list and watch your business soar.

Website pop-ups are windows of content that appear over a webpage as a user is browsing. They increase the visibility of the content in the pop-up, making them an effective way to promote offers or convert visitors into email subscribers. 

You can easily add pop-ups to your website with MailerLite by creating one with our form builder and then either pasting the generated code into your website header or connecting via our WordPress or e-commerce plugins. Check out the video below to learn more.

Do you want to grow your email list, promote pages and products, quickly test offers, or share important news with visitors? Then pop-ups are for you!

Read on to see how each use case can benefit your business.

1. Pop-ups are a powerful way to grow your email list 

Pop-ups are an effective way to convert website and blog visitors into email subscribers. Because they appear over the content the visitor is reading, pop-ups are hard to miss—and more people seeing your offer means more people are likely to convert.

To grow your email list with website pop-ups, create one that explains the benefits of joining your list and add an email signup form. 

2. Pop-ups can promote offers on your website and landing pages

Pop-ups are an effective way to increase the exposure of promotions on your website and landing pages. Promotion pop-ups show your latest offers or new products to anyone who visits your site. This can lead to more sales, downloads, and conversions. 

To dive deeper into promotion pop-ups, read our article on using promotion pop-ups to enhance your customer experience—it covers all the details you need to know.

3. Pop-ups allow you to test different offers

Nothing will improve your website's performance faster than continuous testing. The way your offers are worded, designed, and presented affects how your target audience receives them.

A/B testing pop-ups allows you to quickly test how your audience reacts to your special offers by showing them to all your website visitors. Roll the best-converting promotions out across your website and remove the ones that underperform. 

Learn more about how to set up pop-up A/B testing with MailerLite here. 

4. Pop-ups help you announce important news

Pop-ups are a great way to alert website visitors to business announcements. Use them alongside social media posts, emails and blogs to maximize the number of people who see important news like new features, product updates, your latest collection, or opening hours changes. 

Now you understand how pop-ups can help your business, here is a look at 16 effective website pop-up examples. Plus, we’ve broken down what makes each one so great.

1. MailerLite: Time-based pop-up

Time-based pop-ups appear after a user has been on your website for a specified number of seconds.

These are the most popular kind of pop-ups—you can display them on a specific landing page or across your entire site. Just choose where to show them and how long to wait in the pop-up settings in MailerLite. 

We show time-based pop-ups on the MailerLite blog after 7 seconds so people can take in the page's content before they see the offer.

2. 99 designs: Welcome mat pop-up

Welcome mat pop-ups cover the entire browser window, ensuring your offer fully captures the visitor's attention. 

These full-screen pop-ups can be intrusive and hurt your user experience. Save them for special occasions and check your analytics to see how they impact engagement.

99Designs uses a welcome mat pop-up that's impossible to miss but has a clear close button so people can easily get back to the content.

3. Help Scout: Scroll-triggered pop-up

Scroll-triggered pop-ups display when a user reaches a certain depth on your page. Since the people who see a scroll-triggered pop-up have already tasted the value you provide, they're more likely to interact with your offer.

Here's a great example of a scroll-triggered pop-up on the Help Scout blog. It uses a simple newsletter signup CTA, which may work since readers who have scrolled to this point have shown they enjoy the brand’s content. 

4. Elegant themes: Hello bar pop-up

Hello bar pop-ups appear at the top or bottom of your webpage. They're the least interruptive type of pop-up because they don’t cover the content the visitor is reading. These pop-ups work well for site-wide announcements and email subscription forms.

Elegant Themes uses its hello bar pop-up to drive attention to its offer. People who click are taken to the signup page. You can also add an email signup form to these pop-ups to grow your list.

5. Coschedule: Exit-intent pop-up

Exit-intent pop-ups appear when a visitor is about to exit your page. They detect when a visitor's cursor reaches the top of the browser, indicating that they're about to leave. 

The team at Coschedule uses exit intent pop-ups to reach out to visitors one last time before they leave. The freebie offer may be all the website visitors need to keep engaging with the brand.

6. Workato: Benefits-focused pop-up

Your pop-up should clearly explain the benefit of your offer so people know why they should sign up. 

When promoting an email newsletter, your benefits could be as simple as the information the new visitor will learn when they sign up and how it will help them.

Below is an example from the integration platform Workato. The pop-up message highlights that people who subscribe to the biweekly newsletter will learn all they need to build better integrations and automation. 

7. Photoshop Mosaic: Lead magnet pop-up

Give people an extra incentive to sign up for your list by promoting a lead magnet they receive when they join. 

Photoshop Mosaic does this by promising to send anyone who subscribes a set of free high-resolution abstract textures for Photoshop. 

8. MailerLite: Sale promotion pop-up

Consider using your pop-up to send people straight to a page on your website rather than using it to generate email signups. You can easily do this in MailerLite by creating a promotion pop-up. 

When we ran our fall sale, we used pop-ups to promote the offer and send people to the sign-up page. This pop-up was clicked on hundreds of times, meaning hundreds more opportunities to make sales than we would have otherwise had. 

9. SmartBlogger: Cheat sheet pop-up

Cheat sheet pop-ups promote a resource that can help readers achieve a specific goal. Here's an example from SmartBlogger. The offer of a guide to help your content go viral is sure to appeal to the brand’s readers who are typically looking for strategies to grow their blog traffic.

10. MailerLite: Added value pop-up

Pop-ups are more likely to convert when the offer closely relates to the content on the page. To get more sign-ups, consider the challenges people who visit your website have and then create related offers. 

At MailerLite, we promote our downloadable email deliverability crash course with a timed pop-up on our blog post about the best email list cleaning services. 

11. Tony Robbins: Quiz pop-up

Quiz and survey pop-ups ask the reader to answer questions to discover information about themselves. The business collects signups by sending the quiz results to the visitor in an email. 

This can be an effective way to generate email subscribers as people who have spent time interacting with the test will want to know the results. The below pop-up from Tony Robbins is a good example that links to an online quiz. What business owner wouldn’t want to know if they were surviving or thriving?

12. Satisfy Running: Early access pop-up

This pop-up from Satisfy Running promises subscribers early access to new drops and a discount. The clear call-to-action (CTA) is prominent and the value is clear. Plus the simple color scheme with lots of contrast is super easy to read.  

The double benefit makes this an effective pop-up for any e-commerce store that wants to encourage people to join its list.

13. Tim Ferris: E-book promotion pop-up

This pop-up example from Tim Ferris promotes his latest ebook. It links to a form that readers can use to sign up for the content. 

Calling the resource an ebook makes it seem more valuable than if he called it a downloadable PDF. This could potentially boost downloads. Since Tim Ferris is a best-selling author, people trust he’ll follow up with the promised extra value. 

14. Perfect Glasses: Coupon pop-up

Coupons and discounts are one of the most effective ways for e-commerce stores to generate email sign-ups. Use a pop-up to increase the visibility of the offer and maximize the number of people who sign up and buy. 

This pop-up from Perfect Glasses works because the £100 offer is generous and it highlights that people can access it immediately.

15. Healthy Essentials: Survey pop-up

Adding a survey to a pop-up helps you collect essential insights about your customers. In the below pop-up example, Perfect Glasses embeds a survey to discover more about the challenges people have when buying from the brand. 

Since people can answer the question without leaving the webpage, they’re more likely to reply. Plus, the brand offers an extra 15% off to anyone who completes the survey.

16. Rhinofit: Appointment schedule pop-up

Consider using different pop-ups to target people at different stages of the customer journey based on the page they are visiting. 

In this email pop-up example, Rhinofit uses a promotion pop-up form on its pricing page that invites site visitors to schedule a demo. This works because a meeting can help people overcome challenges they may have when buying such a high-ticket item.

1. Make pop-ups easy to close

Pop-ups can be intrusive. Minimize the negative impact by making it obvious how people can close your pop-up so they can get back to your content. MailerLite pop-ups automatically have a visible close button. Plus, visitors can close the pop-up by clicking on the page away from the pop-up. 

2. Use consistent brand styles

Align the design of your pop-ups with your website and brand. Do this by matching your pop-ups' primary color, typography and wording with that of your website. MailerLite’s pop-up builder lets you easily customize the design of each pop-up so they have a consistent look that website visitors recognize as yours. 

3. Create responsive pop-ups

Your pop-ups need to be responsive so they look good on all screen sizes, from mobile to tablet and desktop. All buttons and forms should also be accessible no matter what type of screen the visitor is using. MailerLite’s pop-ups are automatically responsive, no extra work required.

4. Set an appropriate pop-up frequency

If someone closes a pop-up, they don't want to keep seeing it. Respect their decision by not showing those people any more pop-ups during their visit. 

You can easily choose how often to show a pop-up to the same visitor in the MailerLite pop-up builder settings. 

5. Only ask for the necessary information

People are more likely to join your email list when the process is simple. Reduce friction by only asking for an email address. You can always use email surveys to collect more subscriber information once they have signed up.

If collecting customer information is essential to the effectiveness of your business’s lead generation, you can still add more fields to your forms. Just be aware that you may receive fewer signups.

Speed up the pop-up creation process with one of our pop-up templates. Choose a pop-up design you like and then customize it to your needs with our builder. Browse some of our favorite designs in the library below. 

If you like a design, make it your own by heading to the create a new form section in your MailerLite dashboard, choosing to create a pop-up, and then starting from a template.

When pop-ups provide value to your visitors without hurting their browsing experience, you’ve achieved pop-up nirvana.

If you want to start growing your list and business using pop-ups, our pop-up editor makes creating them simple. Click here to sign up for free and start creating your first pop-up today.

Editor's note: This post was originally published in October 2018 and has been updated with new examples and features.