Hey website owner, I know you want to be capturing emails on your site – but has the old pop-up-in-your-face turned you off?

I get it.

The traditional popup that hits you right as soon as you land on a website is a turn off for most. But fortunately, there are many email capture alternatives that are more pleasing to your users.

Here are five pop up options:

image from hubspot.com

  1. Welcome Mat: a Full screen pop-up that slides over the content as you scroll. You would only want to offer this if the offer is highly relevant and worth it for your user, or else they may become frustrated that they can’t see your content.

  2. Overlay Modals: This is as close to a traditional popup as you can get. It is a centre screen popup that appears on top of your content, but doesn’t block the entre screen. They are less intrusive than Welcome Mats and often have high conversion rates if the offer is compelling.

  3. On-click popups: An on-click pop-up is a specific type of overlay modal that pops up with a form when a user clicks a call-to-action or other page element. They’re perfect for when an in-line form would clutter the page but you want to decrease friction to a particular offer.

  4. Gamified Coupons: Another type of overlay modal, gamified coupons will let you play a game for a discount or prize of some kind in exchange for the users information. They often come in the form of a prize wheel or scratch-off ticket and are best for fun ecommerce store brands (since the coupon can then be applied at checkout).

  5. Top Banner (Sticky Banner / Bar): These are small banners that manifest as a bar at the very top of the page, asking the user to take action on something. They are typically a more permanent conversion element than other types of pop-up and are best used for broad offers such as newsletter subscriptions, coupons, or even general announcements.

  6. Slide-in Boxes: Slide-ins are small boxes that slide in from the side/bottom of the page, similar to an overlay modal but with less obtrusive behavior. These are great for presenting offers as the user is scrolling through the content of the page.
image from elementor.com

How to make pop-ups the least intrusive:

You can set the trigger for your popups on most websites and page builders. Here are trigger options:

  1. Page entrance: Pop-up appears when the visitor first gets to the page. These are often considered the most annoying and but can be used effectively with the less-intrusive formats such as the top banner.

  2. Page scroll: Pop-up appears when the visitor scrolls to a certain point on the page. These are great for long-form content when you don’t want to embed CTAs in the content.

  3. Element interaction: Pop-up appears when the visitor clicks on or hovers over a specific element. These are highly effective since the user took a specific action with intent to convert.

  4. Time on page: Pop-up appears when the visitor has been on the page for a specific amount of time.

  5. Exit intent: Exit intent pop-ups appear when the visitor scrolls towards the top of the page to leave. Consider it a last-ditch effort to capture their attention before they leave.

  6. Inactivity: Pop-up appears when the user has not taken action on the website in a while.

image from elementor.com

The most important thing is that you understand your customer’s journey on your website before adding a popup. That way you can determine which type of popup and trigger is best suited to your audience.

Here are tips for creating pop-ups that don’t suck:

1. Offer something relevant and valuable.

The problem with most pop-ups is they get in the way of the visitor’s experience on a website, rather than enhance it. Oftentimes this is because what’s being offered in the pop-up is either not valuable to the visitor, or it has nothing to do with the page they’re on.

2. Use language that’s specific, actionable, and human.

Most pop-up forms have a fairly basic layout. You get a headline, some body copy, and maybe an image. In other words, you don’t have a lot of real estate to work with.

This means it’s super important to nail the copy on your pop-up form.

3. Don’t ruin the mobile experience.

In an effort to improve mobile user experience, Google announced that they were going to start penalizing websites that use what they call “obtrusive interstitials” — in other words, pop-ups that mess with the user experience. 

4. Use a similar aesthetic as the rest of your site.

Popups stand out from other elements by definition. However, to prevent users from perceiving them as annoyances rather than part of your site experience, you’ll need to design the popups to use the same colors, fonts, and overall style as other elements.

5. Ensure that your popups are easy to close.

Avoiding creating popups that are hard to close. In most cases, this only frustrates visitors and makes it less likely that they’ll want to convert.

6. Keep your popups simple.

Popups shouldn’t include dozens of fields or long paragraphs of text. They’re a brief stop users make before returning to your real website; you want that stop to be short. 

Want to know my favourite popup builder? Elementor of course!

Check it out: https://elementor.com/features/popup-builder/

Leave a Comment

Your email address will not be published. Required fields are marked *