WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Tutorials» How to Create Mobile Popups That Convert (Without Hurting SEO)

How to Create Mobile Popups That Convert (Without Hurting SEO)

Last updated on November 12th, 2020 by Editorial Staff
87 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Create Mobile Popups That Convert (Without Hurting SEO)

Do you want to use mobile popups on your website?

Mobile popups can be very effective for lead generation, increasing sales, and getting more app downloads, but you need to design them the right way. Otherwise, you could end up harming your website’s search engine ranking.

In this guide, we will share how to create mobile popups that have high conversion without hurting your SEO rankings.

Creating a mobile popup that won't hurt your SEO

How Could Mobile Popups Hurt Your SEO?

Mobile popups could harm your SEO (search engine optimization) efforts if they go against Google’s guidelines. Google states that sites may be ranked lower in mobile search for using intrusive interstitials or intrusive popups.

Google doesn’t want your popup to cover all or most of the page before the user gets to see the content. These are some examples from Google of what they want you to avoid.

Google's examples of popups that would get the page penalized

If your page has a popup that appears right away, then Google can penalize that page. This means your page will not rank as high in Google’s search results as it otherwise would have.

So you might be wondering, then why risk creating popups on mobile?

Well, the short answer is, it helps you increase conversion rates which leads to more leads and sales.

This is why many smart business owners and marketers continue to use popups on both mobile and desktop.

The important part is that you must create your mobile popups, the RIGHT way, so it doesn’t impact your SEO rankings.

How to Create Mobile Friendly Popups That Won’t Hurt Your SEO Rankings

There are several different ways to create mobile popups that won’t hurt your SEO rankings. You could:

  • Create a full-screen popup that only appears after a delay.
  • Create a banner or slide-in that only covers a smaller part of the screen.
  • Only use immediate full-screen popups for legal notices. Examples of these include cookie permissions and age verification popups. These aren’t penalized by Google.

In our example, we’ll cover how to create a full-screen popup that only appears after the user has been on your site for a certain length of time. However, we’ll also share best practices and tactics that you can use to add smart display rules for further optimization.

Creating a Mobile-Only Popup With OptinMonster

OptinMonster is the easiest way to create a mobile-only popup. It’s the most popular lead generation tool on the market and has a powerful WordPress popup builder.

First, you need to visit the OptinMonster website and register for an account. While all their templates are mobile responsive, you need the Pro account to unlock mobile-specific display targeting rules.

After registering, you need to install and activate the OptinMonster plugin on your WordPress site. For more details, see our step by step guide on how to install a WordPress plugin.

Upon installation, you should see the ‘Welcome to OptinMonster’ screen. Simply click the ‘Connect Your Account’ button and follow the on-screen instructions.

Connecting your WordPress website to your OptinMonster account

Once your OptinMonster account is connected, you should see the Campaigns page. You can also get to this by going to OptinMonster » Campaigns in your WordPress admin. Go ahead and click the ‘Create New Campaign’ button on the top right.

Click the Create New Campaign button to create a new campaign in OptinMonster

You will be taken to the OptinMonster campaign builder. Simply leave the Campaign Type set to Popup.

For your Campaign Template, select the Mobile Optimized device filter and choose a template. We’re going to use the Offer template.

Choose a mobile-optimized campaign template in OptinMonster's campaign builder

OptinMonster will prompt you to name your new campaign and choose what website(s) you want it to display on. Go ahead and enter these details, then click the ‘Start Building’ button.

Name your mobile popup campaign and click the button to start creating your popup

The template will automatically load the popup’s optin view in the OptinMonster builder. It’s easy to customize the content or add new items with the drag & drop interface.

For instance, to change the default text, you just need to click on it and type the text you want to use.

Editing the text of your OptinMonster popup

To edit the image, you need to click the settings button for the column that it’s in. The settings button is the cog in the gray box.

Editing the column to change the image in the Offer mobile-optimized template

You can then upload your choice of image by clicking on the ‘Background Image’ option on the left hand side.

Replacing the image in your OptinMonster popup

Go ahead and make as many changes as you need to make in your popup.

You also need to edit the Success view. This is what users see after they enter their email address. To edit the Success view, simply click on the Success button above your popup.

Once you’re happy with both the optin view and the success view, don’t forget to click the Save button at the top of the screen.

Editing the Success view, then saving your changes to the popup

Setting the Display Rules for Your Mobile Popup

Now, it’s time to set the display rules for your popup.

First, you need to click the ‘Display Rules’ tab at the top of your screen.

The default rule is for your popup to show after users have been on your site for 5 seconds. You may want to increase this time period. We’re going to use 10 seconds.

Editing the display rule so the popup loads after 10 seconds instead of 5 seconds

Your popup uses a Mobile Optimized template. This means it will automatically only display on mobile devices.

You can also add other mobile-safe targeting rules to unlock further optimizations such as:

  • Exit Intent for Mobile – this will only show the popup if the user hits the back button or they scroll up.
  • Inactivity Sensor – this will only show the popup after user has stopped being active on the site for certain number of seconds.
  • Scroll Trigger Popups – this will only show the popup after user scrolls down a certain % of the page.
  • Button Click by MonsterLinks – this will only show the popup if the user clicks on a specific button.

All these above display rules are based on user’s interactions, and they will not hurt your SEO rankings.

Once you’ve set your display rules, click the Save button and then move to the Integration type. Simply click the Add New Integration button to get started.

Click the button to add a new integration with an email marketing service

OptinMonster will then show you a dropdown list of email providers. Click on the dropdown and select your email marketing service.

Select your email provider from the list

Then, simply follow the instructions to connect your email list. The process varies depending on your email marketing service, but OptinMonster provides full instructions.

Once you’ve connected your email marketing service, click the Save button and then move on to the Publish screen. Here, you can check that you are happy with your settings.

When you’re ready, go ahead and click the Publish button.

Publish your OptinMonster campaign once you've finished

Don’t forget to click the Save button at the top of the screen, too.

Putting Your OptinMonster Campaign Live on Your Website

Your OptinMonster campaign won’t automatically go live on your WordPress website. Instead, you need to login to your WordPress admin and go to OptinMonster » Campaigns.

You should now see your new mobile popup campaign listed here. If not, simply click the Refresh Campaigns button. Then, just click the ‘Go Live’ link below your campaign’s name.

Putting your OptinMonster campaign live on your WordPress site

Your campaign will now be live on your WordPress website. Go ahead and view it by going to your site on a mobile device.

Simply wait for the length of time you specified in the display rules, and your popup should appear. Here’s our popup live on our demo site.

Our mobile popup displaying on our demo website

Other Types of Mobile Popup That Won’t Harm Your Mobile SEO Rankings

Aside from time-delayed and user interaction popups in OptinMonster, you could also create a floating bar, slide-in, or inline optin.

  • A floating bar optin appears at the top or bottom of user’s screen, without covering up the content.
  • A slide-in appears from the bottom or side of the website, usually after a time delay.
  • An inline optin appears within the content itself, part way through a page or post.

Simply select one of these types when you begin building your campaign. You will then see the templates you can use.

Creating a floating bar campaign in OptinMonster

We hope this article helped you learn how to create mobile popups that won’t hurt your SEO. You might also like our article on the best WordPress plugins for business websites, and our proven tips on how to increase blog traffic.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

87 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
WP Mail SMTP logo
WP Mail SMTP
Fix WordPress email delivery issues. #1 SMTP plugin. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2020 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2020)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2020)
    • SiteGround Reviews from 4196 Users & Our Experts (2020)
    • Bluehost Review from Real Users + Performance Stats (2020)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2020 – Step by Step Guide
Deals & Coupons (view all)
RafflePress - WordPress Giveaway and Contest Plugin
RafflePress Coupon
Get 20% off RafflePress, the best WordPress giveaway and contest plugin available in the market.
FT Calendar
FT Calendar Coupon
Get $10 off on Full Throttle Calendar plugin (highly customizable and advanced WordPress plugin)
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).
Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress Security by Sucuri.