• English

How to Add Pop-Ups to Your Site the Right Way

There's a right — and a wrong — way to add pop-ups to your website. Do it right and you'll provide a useful user experience. Miss the mark, though, and you'll annoy and frustrate quite a few people.

So how do you do it? This guide explains everything you need to know before adding pop-ups to your website.


What Are Pop-Ups?

A pop-up is a window that opens over the main content of a web page, offering users the opportunity to do something.

Pop-ups can take over the whole screen or just a little corner of the page. In most cases, a pop-up goes away with a user interaction, such as entering an email address, clicking an option for a coupon code, or closing the window manually.

While many people think of pop-ups as advertising, some websites use pop-ups for other functions — to survey users, to provide information about a cookie or privacy policy, or to ask for information such as an email address.


Why Should You Use Pop-Ups?

The primary benefit of using pop-ups is increased conversion rates for simple actions like signing up for a newsletter or taking advantage of coupon codes and discounts.

A study by Sumo showed that, on average, pop-ups result in conversion rates between 3% and 9%. While that's not a huge number, the most relevant pop-ups in its study resulted in conversion rates as high as 50%.

If you are on the fence about using pop-ups to promote elements within your website, you may want to give it a try, watch your analytics, and see if pop-ups are working for you.



Pop-Up Best Practices

The best thing you can do to ensure that your pop-up is useful is to provide plenty of context for website visitors.

Keep these best practices in mind:

  • Offer something of obvious value to spur interaction.
  • Include a clear call to action (e.g., "Sign up for our newsletter").
  • Target specific users at the appropriate times in the appropriate locations. This might mean offering a coupon code for users who come from an ad on social media, or creating a pop-up with an email signup for users who have spent a lot of time on your website.
  • Don't push a pop-up the instant a user arrives on your website. Slow down the timing so that they can find what they came for before the pop-up offers something else to consider. Give visitors 15 seconds before showing them a pop-up.
  • Make sure the pop-up matches the personality, tone, and design style of your brand and website so that it looks more like content and less like an ad.
  • Design pop-ups so that they are easy to close if the user isn't interested. Otherwise, they might leave your website altogether.


Consider the Downsides

Before you add a pop-up to your website, it's important to understand that not all users will find them delightful.

  • Pop-ups interrupt users as they search for information or shop on your website.
  • Many people don't like elements that look like ads getting in the way of content , and think of them as rude and annoying — pop-ups may prompt them to leave the website.
  • Users can block pop-ups in their browser setting, which means they won't ever see the content.

With that in mind, you may want to register a separate domain (e.g., yourwebsitename.info) where you test landing pages with pop-ups and some without, so that you can determine if the pages with the pop-up perform better or not, and if it's worth the risk to deploy them on your main website.


Top Takeaways
Using pop-ups on your website can be an effective strategy for boosting conversions. Test regularly and pay attention to analytics to ensure that this website element works as intended.

See all
Posted on Date:
Monday, November 25, 2019