How to Create Mobile Optins That Get More Leads and Grow Your List

Do you want to create mobile optins for your audience, but you’re not sure how to get the highest conversion rates?

Every year, more online consumers visit their favorite stores from their mobile devices. And yet, too many business owners are still only optimizing their optin campaigns for desktops.

That leads to poorly designed mobile popups and, ultimately, lower conversion rates.

That’s why, today, we’re going to teach you step-by-step how to create mobile optins that generate new leads for your business.

But before we dive into the tutorial, let’s take a quick look at why you should be optimizing your lead generation strategy for mobile.

Why Create Mobile-Optimized Optin Campaigns?

You need to make sure that your optin campaigns are mobile-optimized if you want to get the highest conversion rates possible from your audience.

That’s because the internet is increasingly taking a mobile-first approach. Take Google, for example. The most popular search engine on the planet recently announced that they’ll be indexing a site’s mobile content before the desktop version.

Why? Because more and more people are visiting their favorite sites and online stores from mobile devices. 

It’s a trend that’s been growing for nearly a decade and doesn’t seem to be letting up any time soon. In 2016, eCommerce sales from mobile devices were just under $1 trillion. In 2019, that number grew to $2.3 trillion and is expected to reach over $3.5 trillion in 2021.

That’s why clever business owners have redesigned their site’s content for mobile–they don’t want to leave any potential revenue on the table.

But there’s another aspect that only the best eCommerce merchants understand: if they don’t want to leave any other conversions on the table (like email subscribers, webinar attendees, and so on), then they need to rethink their optin campaigns for mobile, too.

That’s where OptinMonster comes in:

OptinMonster-homepage

OptinMonster is the world’s #1 lead generation software. It allows you to quickly and easily design optin campaigns specifically for mobile with zero coding skills required.

In just a matter of minutes, you can build an optin campaign that gets you new leads, higher conversions, and more sales. And you can make that optin campaign look stunning across mobile devices just as easily as you would for a desktop browser.

Here’s a quick peek at the demo mobile optin campaign we built for today’s tutorial:

Mobile Optin Demo on Phone-min

Ready to get started? Just click below to sign up for your risk-free OptinMonster account:

Create Mobile-Optimized Optin Campaigns Today

How to Create Mobile Optin Campaigns

Step 1: Select Your Mobile-Optimized Template

When you’ve signed up for OptinMonster, the first thing you’ll do is click Create New Campaign in the upper right-hand side of your dashboard:

Create a new campaign final picture

Then you’ll need to select your campaign type. With OptinMonster, you’ve got loads of options, including:

  • Lightbox popups
  • Floating bars
  • Slide-in scroll boxes
  • Fullscreen welcome mats

And much more. You can make any of these campaigns mobile-first with the click of a button. So, today, we’ll go with a simple Popup campaign:

Choose popup campaign types

Now it’s time to select your template:

OptinMonster templates

OptinMonster gives you over 50 pre-built templates to choose from, all of which look and work great across multiple devices. But we want to be mobile-first in design this time. Click Mobile Optimized in the left-hand side menu:

Mobile Optimized Templates in OM

Doing this will now ensure that your optin campaign specifically works well across mobile devices. From there, creating your mobile-optimized popup is just like creating any other popup for your site on desktop!

That’s because all of our templates are now taking a mobile-first approach. We just need to select our template. Today, we’ll choose Basic:

Create an Inline Campaign Basic Template

And then we need to name our popup, assign it to our website, and click Start Building:

Name and connect your website

Then we’ll be ready to design our mobile popup.

Step 2: Design Your Campaign

Like we said before, designing your mobile-first campaigns with OptinMonster is just as easy as designing campaigns for desktop.

OptinMonster’s drag and drop editor allows anyone to create beautiful and highly effective campaigns in a matter of minutes.

We won’t get into how to design every aspect of your mobile popup for this tutorial. That’s because there are too many customization options to cover in a single post.

If you need some help getting started, we recommend checking out this article: How to Create and Design Your First OptinMonster Campaign.

For today, you simply need to know the basics.

To change any text in your mobile popup, all you need to do is click on the text you want to modify. Then you can use our inline editor to make changes to the text in your campaign:

Inline text editor for mobile Basic template

With the inline editor, you can change the:

  • Text
  • Font
  • Size
  • Color
  • Alignment

And much more. Then, if you want to change any other aspect of your campaign, you simply need to click on it in your editor. That will pull up the editing tools on the left-hand side:

Button Block changes to mobile template

And if you want to add a new block element to your campaign, that’s no problem at all. Click + Add Block at the top of your editor menu:

Add blocks to mobile popup

You’ll see a list of block elements you can add to your campaign, like:

  • Button
  • ChatBot
  • Countdown timer
  • Divider
  • HTML
  • And more

Element Block Options

Select the new block element you want to add to your campaign, then drag and drop it into place:

Add new block to basic mobile template

And it really is as easy as that! Here’s the campaign we built for today’s tutorial:

Mobile Optin Demo on Phone-min

This took less than 5 minutes to design and embed it on our site.

Once you’ve designed the perfect optin campaign for your company’s goals, it’ll be time to configure your display rules.

Step 3: Set Your Display Rules

Creating a mobile-first popup is one thing. But the trick is to make sure they’re only seen by your audience visiting from their smartphones.

Otherwise, you end up with people seeing ugly optin campaigns on their desktop (which is the opposite of the problem you were trying to solve in the first place!).

That’s why OptinMonster offers loads of display rules that you can use to show the right message to the right people at just the right time in their customer journey.

We have two types of rules you can use:

  • Triggers
  • Targets 

Triggers rely on the user’s behavior to determine whether or not the campaign will appear. This would be things like how long the user is engaged with your content (Time on Page), how far down the browser page they scroll, or if they’re trying to leave your site altogether (Exit-Intent®).

These are just a few examples of triggers we offer, though there are many more.

Targets, on the other hand, will show your campaign based on the user’s profile or characteristics. This would be like where they’re physically located, what page they’re browsing, or what device they’re using.

Again, these are just a few examples that you can choose from.

Today, though, we’re going to create an exit-intent popup that can only be seen by visitors coming from mobile devices.

Start by clicking Display Rules at the top of your editor:

Display Rules OM editor

By default, your campaign will have two display rules set:

  • Time on page is 5 seconds
  • Your campaign will appear on every page

Click on the first rule (time on page) to pull up the display rule menu:

Display Rules in OptinMonster

In the menu, locate and click Exit Intent®:

Click Exit Intent

Remember, since you chose a mobile-optimized template, your campaign will only be shown to mobile devices by default. That means the next step is to set your exit-intent trigger’s sensitivity level.

For mobile devices, Low and Medium sensitivities will create a scroll up trigger. That means when a user scrolls up on their mobile device after reading your content, the campaign will appear.

High sensitivity, on the other hand, will make a back button trigger. That means your mobile popup will display when users click the back buttons on their phone.

Today, we’ll go with a Medium sensitivity level:

Mobile sensitivity level

We’ll also leave the second default display rule the way it is. This means the mobile popup will appear on every page of your website.

But you can easily change this by selecting a different option from the drop-down menu in the second rule:

current URL path options

You can also add as many rules as you’d like by clicking the + AND button:

Add another URL to the display rules

This level of personalization allows you to create the perfect optin campaigns for your audience. This leads to drastically higher conversions across your site.

Now that you’ve set your display rules, it’s time to sync your mobile optin campaign with your email service provider.

Step 4: Integrate Your Email Service Provider (ESP)

A popular use for mobile popups is to capture new leads in the form of an email address. To make this easier, OptinMonster natively integrates with over 30 of the most popular email service providers (ESPs).

That means you can segment and send your new leads directly to your email account. Once they’re in your contact list, you can create an email drip campaign to put your email marketing strategy on autopilot.

Plus, adding your ESP to OptinMonster is easy. Start by clicking Integrations at the top of your editor menu:

Integrations for OptinMonster editor

Then, in the left-hand side menu, click + Add New Integration:

Add New Integration

Now you can select your ESP from the drop-down list:

Email service provider list in OM

From there, the exact steps to connect OptinMonster with your ESP will depend on which platform you use. But, in most cases, it’s as simple as copying and pasting your email provider’s API key.

Don’t see your ESP on the list? That’s no problem. You can check out this helpful resource on how to OptinMonster with other email service providers.

All that’s left is to publish your mobile campaign to make it live on your site.

Step 5: Publish Your Mobile Optin Campaign

At this point, your campaign is designed, you’ve configured your display rules, and you’ve connected your ESP. Now it’s time to go live with your mobile popup.

Click Publish at the top of your OptinMonster editor:

Click Publish OM account

Then Save your campaign and switch the status from Draft to Published:

Publish your mobile popup

And that’s it! Your mobile optin campaign is now live on your site.

If you get a message that shows your site isn’t connected yet, no worries. You can follow this guide on how to connect OptinMonster to your website.

But if you’re using WordPress, the process is much easier with our OptinMonster plugin. For that, check out this resource on connecting OptinMonster to your WordPress site.

Create Mobile-Optimized Optin Campaigns Today

We hope you found this article helpful. If so, you may want to check out the following resources:

These resources will help you take your mobile marketing game to the next level.

Ready to get started with the world’s #1 lead generation software? Click here to start your risk-free OptinMonster account today!

Sharon Hurley Hall has been a professional writer for more than 25 years, and is certified in content marketing and email marketing. Her career has included stints as a journalist, blogger, university lecturer, and ghost writer.

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.