Mobile-Friendly Popup Best Practices to Increase Conversions in 2021

Mar 24, 2021   |   4 minutes  

Call them pop-ups, opt-ins, forms, modals, you know them, they have become so popular on our websites. Often, even annoying, coming up between you and the answers you've been looking for.
The usefulness of popups isn't debated. They are needed for you to interact with your readers.
How you can increase your popup conversion while keeping your readers happy is what we are helping you within this article.
Note: This article describes best practices to follow when a reader visits your site from a mobile or small device. The following tips don't necessarily apply when looking at your site from a desktop.

1. Your reader having the best experience is what matters most.

You put the effort in crafting quality content to be read and seen by your audience, so, naturally, ranking is a top priority.
A few years ago, Google announced its goal to improve mobile search results. At the end of March 2021, Google will be switching its indexing to mobile-first indexing. 
It will rank your blog based on the mobile version of your content and site usability. Results, where the reading experience is mobile-friendly, will be shown to readers up top while pages that show intrusive interstitials (aka popups) will be penalized. 
After realizing this news's impact on your ranking, you might be hesitant to add popups to your site. Still, mobile traffic is constantly growing and even more likely to leave your site forever than desktop traffic. So embrace the rules and best practices to come out on top (quite literally 😁).
Having a responsive desktop design is not enough. Your content and popups need to be designed with a mobile-first approach.

Your main content needs to be visible above the fold of the mobile screen.

Open your blog on your phone; what do you see?

Mostly ads or pop-ups? You need to reorganize the page.

Can you read a big part of your blog post without scrolling? Congrats! You are on the right track.

Use a teaser button or similar, and allow your reader to open the dialogue box on their terms.

Teaser buttons are low profile and shouldn't cover your content much.

Always in an open state, the top or bottom bars as popups don't consume a lot of real-estate and are okay to use.

Bottom bars are better because it is easier to reach and click on mobile.

If you want to open a pop-up on your page, wait that your reader is 70% or more down your page.

For all of the above, make sure it is super easy to dismiss any popups using a big close button or clicking anywhere else on the screen.


A couple of things to avoid (red text):

  • Opening a popup right away when getting onto your page. The reader hasn't had a chance to interact with your content.
  • Covering your content with a full-screen or almost full-screen popup and block your readers from accessing your content.
    Your content is pushed down the page by popups and not instantly available to be read.

Note: Using a popup that covers the whole screen if your site requires data before your reader can consume it, like a birthday or cookie consent is okay and won't be penalized by Google


2. Choose your words wisely

The real-estate on a mobile device is significantly reduced compared to a desktop. So make it count!

  • No pictures
  • Keep it short
  • Clear Call-to-Action
  • Use progressive profiling - keep the input fields to a minimum. If you need more information from your reader, ask relevant questions after they've signed up - Leadjetty has your back with step-by-step flows.

3. Attract your reader's eyes

Make your opt-in form stand out. It could be with a different background color or a bold text color for the call-to-action, but your reader needs to see it to opt-in!

Customize, if possible. Do you know your reader? Do you have their first name or location? Do you know where they came from, google search, or one of your emails? All of these details will allow you to tailor the experience to each individual and strike a chord.
You can and should add popups and forms to your site to capture all the potential subscribers and readers that would be interested in your email list, keeping in mind offering your readers the best experience.