How to Create a WordPress Popup for Mobile Devices

Creating a WordPress popup for mobile devices is a heavily sought after feature in today’s world. With the increase of mobile devices —from phones, tablets, and phablets — the odds of someone viewing your website from a mobile device is ever-increasing.

With OptinMonster, you can create a WordPress popup for mobile devices in just a few easy steps. Make sure you have an OptinMonster Pro License before we begin.

NOTE: To see the a WordPress popup for mobile devices in action, visit http://optinmonster.com on your phone!

Also, if you haven’t reviewed the general process for creating an optin, we encourage you to check out our “Creating Your First Optin” documentation.

STEP ONE: Create a New Optin

Once in your OptinMonster menu, you need to click Add New, located near the top of your screen.

OM Main Menu

You will then need to do a couple of things:

  1. Give your optin a title.
  2. Select your Design (your optin type). In this case, select the MOBILE design.

Select Mobile Optin

As time goes on, more themes for the mobile optin will be developed. For now, select the Agile Theme by clicking Select Theme on the bottom right of the template.

Select Mobile Theme

STEP TWO: Design Your Mobile Popup

The next step is to design your popup according to the steps in Creating Your First Optin. Determine if you want a name field, set up your integration, add custom CSS, and determine your output settings. Make sure you have your optin both enabled and set to load on the pages you desire.

Design Mobile Optin

When you are finished, hit SAVE AND EXIT. Go ahead and test out your mobile popup. Congratulations! You’re all done!

Kevin Gates is on our Technical Support team, where he also writes user documentation and manages affiliates. In his free time, he seeks to expand his web development capabilities and he often volunteers for the Charis Foundation or he is learning Romanian.

Comments

  1. Mario says:

    Hello Kevin

    thanks for this nice article. I don’t have a problem with creating the popup. I would like to know how to test it.

    I have 2 kinds of facebook ads running.

    1 Kind is directing the prospect directly on my website.
    dagmarherzog.de
    2 kind is bringing the prospects to my blog.
    https://www.dagmarherzog.de/ratgeber-uebersicht/

    I want to have different mobile popups one for each facebook ad type.
    I think I setup all correct.
    But I dont know how to test it.
    Can u please help me.

    1. Syed Balkhi Syed Balkhi says:

      Hi Mario,

      The easiest way to target these separate ads is by using UTM tracker method that I mentioned in the article above. This way you can test to see if the popup works when the UTM code is present in the URL.

      If you email our support, we’d be happy to assist you and test the optins for you.

      -Syed

  2. Parresh says:

    I am interested in creating a mobile popup (I have the ProPlan) that doesn’t actually collect data, it just gives a message that people can click to close. Any ideas?

    Thanks-

    1. Sharon Hurley Hall Sharon Hurley Hall says:

      Maybe you’re looking for something like a welcome gate, Parresh. Our article on using OptinMonster to reduce your bounce rate has some examples. Hope this helps. 🙂 If not, please feel free to reach out to our support team for additional advice.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.