A Blueprint for the Perfect Popup: Structured Design for Unstructured Marketers

Is it possible to design the perfect popup? One so fiercely potent that people just can’t refuse to convert?

Of course not.

As small as seemingly simple as a popup is, it’s still important to understand a little about its anatomy. There are five primary elements to make up the architecture of a popup, and then there’s a layer of interaction design beneath that which deals with the functional aspects such as triggers and targeting.

The five primary elements of a popup blueprint are:

  1. Headline and subhead
  2. Offer details
  3. Hero images
  4. Trust and social proof
  5. Call to Action

Using a structural approach to your popup designs helps us avoid mistakes and choose the right interaction modes and content elements that will create a good conversion experience.

Obviously, you can’t use every version of every element on a single small popup, but you can choose the best parts of each anatomical section to craft something that presents your offer in the best possible way.

An important thing to know is that the circled icons beneath each section represent Unbounce functionality that allows you to make your popups way more awesome than they would be if you simply showed it to everyone.

Got any weird and wonderful popup designs?

If you have designs that include elements I didn’t include in the blueprint, share them in the comments so I can add them to my layout specs.

Popups that don’t suck, rule! Make better popups, please.

Cheers,
Oli

p.s. See what Unbounce Popups look like on your website with the new Live Preview Tool. It’s really cool.

p.p.s. Don’t forget to subscribe to the weekly updates for the rest of Product Awareness Month. If you click that link a popup will appear!

About Oli Gardner
Unbounce co-founder Oli Gardner has seen more landing pages than anyone on the planet. But January 2018 is NOT about landing pages. We are doing a blog takeover to explore going from one to many products. We're doing this to increase awareness of our 2 new products (Popups & Sticky Bars), and to take a transparent journey of discovery to become better marketers. By writing 30 posts in 30 days – all about product awareness – I’ll be lifting the lid on Unbounce adoption and churn metrics, and sharing innovative tips and strategies to help us all become better at marketing our products. Read post 1 of 30 in the Product Awareness Month blog takeover Check out the full month's calendar of 30 product awareness posts.
» More blog posts by Oli Gardner
 

SEE PLANS AND PRICING

Create a high-converting popup or sticky bar today.