15 Gorgeous Pop Up Design Examples You Can Copy Today

Did you know email pop-ups can help you double the number of email addresses you capture?

That’s the average result reported by our customers.

And we’re not the only one to notice mind-blowing results. The famous ConversionXL blog dedicated an entire article to the matter: pop-up Defense.

Ready to harness their power? We’ve visited dozens of websites to gather this selection of the best website pop-ups.
Let’s review them together and see why they’re so interesting.

Create beautiful and high-conversion popups for FREE right now.

Part 1: Desktop email pop-ups

Let’s start with desktop email capture pop-ups (curious about why we separate desktop pop-ups and mobile pop-ups? We’ll explain why in the second part).

Fight Club: simple and straight to the point

We’ve included all kinds of opt-in pop-ups in this selection. But we wanted to start with simple examples to show you don’t have to be a senior designer to make good-looking pop-ups.

Look at this example from Fight Club. Only black and white, no fancy visual. That’s what we call a straight-to-the-point pop-up.
fight club opt-in popup

Weebly: simple and non-intrusive

What’s interesting with Weebly’s pop-up is that they chose a bar format. As such it’s less intrusive.

Usually, subscription rates from bars are lower than pop-ups but with these bright colors, they made a very good job of making it as visible as a pop-up.
Weebly subscription bar

Peter Shankman: a simple slide in

Influencer Peter Shankman designed a subtle slide-in which appears as users scroll down. Again, the design is pretty classic but it does its job very well.
Peter Shankman's lead capture popup

Nike: simple but complete

Sometimes, you can’t just collect the email. You need more elements to segment your subscribers. Nike’s example shows how you can do it in a simple way that won’t put visitors off.
Nike pop-up

MeUndies: using visuals to reinforce your design

Enough with simple pop-ups!

See how MeUndies collects email addresses? Isn’t that design stunning?
Everything is right in this design, from the visual to the color choice.
ecommerce pop-up example

Volusion: reflecting the community

When using photos of your products is an issue (most SaaS are in this situation), why not select pictures from your community? That’s what Volusion did with success in their email capture pop-up.
Volusion pop-up

Livechat: a nice illustration

Using photos is a good idea. Using illustrations is another good option to add some positivity to your campaign.
Here’s an example on LiveChat’s blog.
blog pop-up

KlientBoost: pushing the illustration further

Looks like KlientBoost got a little help from their in-house designers for that campaign.
Their illustration adds fun and engagement to their campaign.
Klient boost's lead capture form

Kelly Harrop: design out of the box

To attract your user’s attention, you have to be smart. This example from designer Kelly Harrop plays on dissonance. Your eye is naturally drawn to the call-to-action.
dissonant design

Carbon 38: invade the screen

This last example goes even further. The round pop-up (a shape which is kind of rare in pop-up design) is highlighted by the woman on the right. Notice the direction this woman is looking in?
To the left, to naturally suggest to redirect your attention to the email form.
Carbon 38's larger than life pop-up

Create your own popup in under a minute
Try Wisepops free now
Set up in minutes. Free 14-day trial. No cc required.

Part 2: Mobile email pop-ups

In a world where more than half of the traffic is mobile, you need a pop-up marketing strategy adapted to mobile devices.
And with Google’s guidelines regarding mobile interstitials, you can’t just work on making your creations responsive.

Patagonia: keep it simple

Let’s start with the simplest example possible: Patagonia. They respect Google guidelines with a modal which doesn’t prevent the visitors from accessing the content of the landing page and use their website colors.
Patagonia's mobile opt in popup

Timberland: adding some colors but keeping it simple

Timberland followed the same model but added a little more color.
The result? Their email capture campaign is more visible.
Timberland's pop-up

Opening Ceremony

What happens if you keep a simple design but add a logo?
Well, you get OC’s design. Probably too big for Google but a good example of what you can do with limited space.
Opening ceremony - mobile popup form

Vans: using a CTA to get more space

Speaking of space, there’s a way you can display larger pop-ups on mobile while keeping Google happy: adding a call-to-action before displaying your actual creation. That’s what Vans is doing:
Vans CTA Popup

Create your own popup in under a minute
Try Wisepops free now
Set up in minutes. Free 14-day trial. No cc required.


We hope these pop-up design examples will inspire you.
Of course, design alone is not enough to make a good email pop-up.
To be effective, your campaigns need a strong copy and a good offer. But their design can have a huge impact on how the interstitial will be perceived and will convert.

Ready to build your own campaign? Sign up today (14-day free trial, no credit card required) and create your first popup in under 5 minutes.
Design won't save the world

Greg D'Aboville Greg is Head of Growth at Wisepops.

Lastest posts