Part 1: Desktop email pop ups

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.

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.

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.

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.

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.

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.

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.

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.

Kelly Harrop: design out of the box

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

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.

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.

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.

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.

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:

Wrap-up

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.