Popup Examples

Website Popup Examples & Templates

Want to create a website popup that turns visitors into leads and customers? Get inspired with these best popup examples from top companies around the web, plus bonus popup templates to help you launch faster.

Got a bunch of people landing on your website, but want to capture more of them as leads?

A website popup could be exactly what you need.

But what does a high-converting popup look like? And how do you make sure the one you use is going to work for your site and specific needs?

This post is sure to get you inspired as we look at six of the best popup examples from successful companies around the web. We cover examples from a range of different popup types, and then give you a whole host of ready-to-use templates to help you go from idea to launch in minutes 🙌

What is a website popup?

A website popup is a box that appears in someone’s browser when they land on your website, usually overlaying the default content on a page. You can use popups to get someone to do something without having your message lost on a crowded page as it’s typically the only thing a visitor focuses on when the popup appears.

How do popups work?

We know that website popup boxes appear when somebody lands on a page. 

But, what’s interesting is that they can be configured to appear only in certain situations. This includes:

  • Exit intent. An exit intent popup is triggered once a visitor's mouse moves out of the main browser viewing pane, signaling an intent to leave.
  • Time delay. Where a popup would appear after a specified set time frame. E.g. if someone's been on the same page for two minutes without converting already.
  • Scroll-point. Where a popup appears once a user has scrolled past a certain percentage of the page. E.g. like the footer of your homepage, after they’ve already scrolled past your existing lead magnet forms.
  • On-click. Where a popup appears upon the user clicking a specific button or link on a page.

A quality popup tool will also allow you to target campaigns towards specific visitors. For example, setting a popup to only appear on a specific URL, or to people coming from a set traffic source, in a certain location, or even according to data you already hold on them in a CRM.

SEE MORE: 6 Must-Know Popup Design Principles to Generate More Leads (Examples Included)

6 website popup examples

Now we know what a website popup is (and how they work), let’s take a look at six great website popup examples to inspire your own.

1. Adidas' product page popup example

Take a look at the popup displayed on Adidas’ website. It’s a page-specific popup box that only appears when a visitor is browsing a product page:

What’s interesting about this popup example is the fields they’ve included on their form.

Instead of just having the standard email address field, Adidas wants to know what gender you are. This can help their email team segment subscribers—and send content that person is more likely to be interested in.

2. CoSchedule’s exit-intent popup

We mentioned earlier that website popups can trigger once someone shows an intent to exit the page. We can see this in action with this popup that appeared while reading a blog post from CoSchedule:

The website popup itself has a bright, large image to catch your attention. But the best part is that it’s uber-targeted.

The post itself is on quite a 'bottom of funnel' topic—marketing project management. So as you go to exit the page, CoSchedule shows a tool that's highly relevant to the problem being addressed in the post.

It’s a superb way to use popups to direct readers towards getting to know your product.

3. Huda Beauty’s "join the family" popup

We already know that website popups are a great way to capture your visitor’s details to market to them later. This one by Huda Beauty shows how simple your offer can be:

It nudges a visitor to “join the family” in return for their email address. 

And, as a special bonus, they’ll also get sneak peaks of products and special offers if they become a subscriber. (Considering 70% of people open marketing emails to get special offers, it’s a smart way to get visitors engaging with your website popup.)

4. Debenhams’ scroll-point popup example

A scroll-point popup is the perfect way to capture people with an obvious interest in what your page talks about. This one by Debenhams is the perfect example:

It appears after scrolling 25% of the way down the category page—which shows the reader is actively browsing and has a clear intent to shop. 

But what’s different about this website popup is that it doesn’t ask for an email address. Instead, it alerts the reader of a Black Friday deal that’s happening elsewhere on the website.

Debenhams likely gets a lot of people taking up the offer because the barrier for entry is low. People don’t need to enter their information to get the deal, just click a button.

5. ConvertFlow’s exit-intent popup example

Yes, that’s us!

We created a popup on our popups product page to capture the attention of marketers who might want to know whether they really work:

The key here is that it's an exit-intent popup, meaning it's only showing to people once they've shown an intention to leave the site without converting. Our theory is that some people might leave because they're still on the fence about whether popups can work for them.

And the results are pretty good for an exit-intent campaign—537 people kept engaged and on our site, who otherwise would have left:

ConvertFlow popup conversion statistics

The website popup box itself is bright and eye catching. The blue background makes a stark difference from the white page behind it.

But similar to the Debenhams popup example above, we don’t ask people viewing the popup to do much. It simply shows them we’re an expert on the topic—and invites them to read our guide.

6. HubSpot’s blog subscribe popup

Our final website popup example comes from HubSpot. They use an exit-intent popup that appears once you’re about to leave one of the posts on their blog:

However, this is different from the popup examples we’ve shared so far.

The first difference is that HubSpot is using really good social proof. The words “join 215,000 fellow marketers” makes you feel like you’re missing out on subscribing. (And that once you do, you’ll be in good company.)

Plus, the popup has two calls to action:

  1. Subscribe to the newsletter
  2. Use the HubSpot product

We generally advise against this strategy because it can overwhelm a customer and make their job unclear. But, having a primary and a secondary call-to-action like this can work really well when trying to capture two types of website visitor.

PRO TIP:

Another strategy HubSpot could use here is to create two popups, and target them to different readers.

For example, one popup could target unknown, first-time visitors and ask them to subscribe. While a second popup would target visitors who've already subscribed, and get them to sign up for the product.

In ConvertFlow, you can easily do this by using CRM data within a popup's targeting conditions:

Drip targeting conditions

Learn more about CTA targeting conditions in ConvertFlow

How to create an effective popup message

You’ll notice that the website popup examples we’ve shared each have a unique offer. That’s the secret to making the maximum number of visitors engage with your website popups. 

Think about what website visitors want once they complete the goal.

Using the example of a popup asking to join your email list, your offer might be that subscribers get access to:

  • Special offers
  • A discount code for their first purchase
  • Exclusive content

The bottom line? When writing a website popup, make your ask easy, clear and genuinely enticing to the person reading it. You want to make it feel like a "no-brainer" for them to take action.

Website popup templates

Ready to create a website popup that turns website visitors into leads and customers?

We’ve got a whole library of popup templates to get you started.

Simply choose the template that best suits the message you’re giving. Then, customize it in ConvertFlow with your brand colors, fonts, copy, etc. and embed it on your website!

Here's a few examples of what we have:

About the author

Elise Dopson

Contributor, ConvertFlow
home icontwitter iconlinkedin icon

Elise is a writer at ConvertFlow, and expert in B2B marketing. She's been featured in publications like ConversionXL, HubSpot, CoSchedule, Content Marketing Institute, Databox, and more. You'll usually find her cooking up some high-quality content for the ConvertFlow blog or campaign library.