Do you struggle with visitors browsing your site on mobile devices, but leaving before taking any action? If so, you need to leverage the power of mobile exit-intent popups.
With mobile exit-intent popups, you can engage, recapture, and convert mobile visitors as they’re trying to leave your site forever.
That’s why we’re going to teach you how to create a mobile exit-intent campaign. More specifically, we’ll cover 2 scenarios:
- Building a new mobile optimized exit-intent popup campaign
- Transforming an existing popup into a responsive popup campaign
But before we get into the tutorial, let’s get clear on what a mobile exit-intent popup is in the first place.
What Is a Mobile Exit-Intent Popup?
Mobile exit-intent popups are notifications designed to recapture your visitor’s attention on mobile devices when they’re actively leaving your site. Exit-Intent Technology® has been traditionally limited to desktop browsers.
But, recently, we changed all that.
For the longest time, one of our most requested features was to have exit-intent popups work on mobile devices. Why was this feature in such high demand?
Because exit-intent campaigns work so freakin’ well. More on that in a minute, though.
Not familiar with exit-intent popups?: Check out some of our best user-created examples.
The biggest challenge in creating mobile exit-intent popups is that it’s harder to track a user’s behavior on a phone than it is from their desktop.
When someone is visiting a site on a computer, we can track mouse movements to understand when people are trying to leave the page.
This is much more difficult to do on mobile devices since we navigate smartphones with our fingers.
But as they say, “Where there’s a will, there’s a way.” And at OptinMonster, we always find a way.
So the big question remains: does exit-intent work on mobile?
Let’s explore that question in more depth.
Does Mobile Exit Intent Work?
Mobile exit-intent is incredibly effective at recapturing your visitor’s attention when they’re leaving your site from a mobile device.
Before, we were only able to accomplish this through our InactivitySensor™.
With OptinMonster’s InactivitySensor™ technology, our clients could engage users who had stopped interacting with a browser page on their phone. We even added MonsterEffects™ and sound cues to make sure our popups wouldn’t go unnoticed.
These small visual and audible animations created a powerful attention grabber and consistently brought users back to our clients’ site.
But that still didn’t solve the root of the problem: What about visitors who were fully attentive but simply losing interest in the content of your site? How could we bring those users back for you?
That’s where our drive for adding a mobile exit-intent feature came from.
Because mobile exit-intent isn’t necessarily new. In fact, it’s been around for a while. But in the past, it was only available to big companies like CNN, Sony, or Amazon, who had huge developer budgets.
If small or even medium-sized businesses wanted to compete with the big guys, well… they simply couldn’t.
The goods, though, is that now they can. 🙂 Here’s a sneak peek at our mobile exit-intent feature in action:
Let’s check out how this works more specifically.
Our mobile exit-intent trigger works in 2 ways. When users:
- Scroll up on their mobile screen
- Hit the back button on their mobile browser
We found that these were the 2 most significant indicators of a user’s intent to leave your site. Let’s quickly look at both.
Scrolling Up Trigger
When users start scrolling up on their phone screen, that’s a good sign that they’ve stopped engaging with the content on your site. Usually, they’re trying to bring the URL drop-down field to type in another site’s web address.
In a second, we’ll show you how you can trigger mobile exit-intent for users who scroll up after reading your content.
Hitting the Back Button
Another common signal that people are leaving your site is when users click the back button to return to where they previously came from. This is the perfect time to show visitors a popup of a special promotional offer to entice them to stick around.
That’s because, most of the time, your users aren’t leaving because they haven’t found the information useful. They’re leaving because they think they’ve gotten everything they can out of their content.
But you can fix this by putting a mobile exit-intent popup triggered by hitting a phone’s back button. That way, you’ll show users exactly how much more you have to offer.
9 times out of 10, it will be enough to convince casual browsers to stick around.
Ok, now that we know what mobile exit-intent is and how exit-intent works on mobile, let’s get into how you can use this technology to enhance your mobile marketing strategy.
How to Create Mobile Exit-Intent Popups That Convert
We understand that everyone learns a little differently. So if you’re more of a visual learner, here’s a video tutorial to help you out:
But if you’d prefer the written instructions at your side, just keep reading.
Like we said earlier, today we’ll cover 2 scenarios:
- Creating a new mobile exit-intent campaign with a mobile-optimized template
- Modifying an existing campaign to add our mobile exit-intent feature
Let’s get started.
Building a New Mobile Exit-Intent Campaign
Setting up mobile exit-intent campaigns is incredibly easy. First, log into your OptinMonster account.
Then go to the upper right-hand corner of your dashboard and click Create New Campaign:
Choose which type of campaign you would like. For today’s tutorial, we’ll choose Popup:
Now we need to select a template. One of the best features of OptinMonster’s template selection is that you can filter your choices on the left-hand side menu. By clicking Mobile Optimized, you’ll bring up all the templates that are best suited for smartphones:
You can also choose to create a mobile campaign from scratch with our Canvas template:
Today, we’ll go with Magnet:
Name your campaign and assign it to your website:
And now we’re ready to modify the campaign. We won’t talk too much about how to customize your campaign in this tutorial.
But rest assured that our easy drag and drop editor makes everything simple.
Just click on the elements you’d like to change to pull up the editing tools in the left-hand side menu:
From there, you can personalize every aspect of your campaign to suit your voice, message, and brand.
If you need help with designing your campaign, check out this resource on how to create your first campaign.
What you really need to know is how to set up mobile exit-intent triggers. For that, click Display Rules at the top of your editor:
Change your first condition from Time on page to exit detected:
Then choose between Low, Medium, and High sensitivity. For scrolling up exit-intent triggers, choose Low or Medium:
To target users hitting the back button, select High sensitivity:
But sometimes when you’re given a choice between 2 things, it’s fun to choose both.
If you want to use a scrolling up and back button exit-intent trigger together, that’s no problem.
Simply set your first condition to Low or Medium for the scrolling up trigger. Then modify a second condition in the field just below the first:
Change Current url path to exit detected:
And select High sensitivity to create a back button exit-intent trigger:
Now you have your 2 mobile exit-intent triggers set as distinct conditions:
That’s it! You now have your mobile exit-intent campaign set up.
By default, this campaign will appear on every page of your site. If you want to customize your display settings further, you can add a new display rule. Click +And to add a new condition:
Then change Time on page to current URL path:
This allows you to set your campaign to specific pages of your site, such as:
- The homepage
- All pages except the homepage
- Exact URLs
- URLs including specific words
- URLs beginning with specific words
And much more.
Now let’s turn our attention to updating an existing campaign to include mobile exit-intent functionality.
Adding Mobile Exit-Intent Popups to Existing Campaigns
So far, we built a mobile exit-intent campaign for a mobile-optimized template. But, in some cases, you may already have campaigns that you’ve made with an exit-intent trigger for desktop.
Because of that, many clients have asked whether they can add mobile exit-intent triggers for campaigns they built before the mobile feature existed.
The answer: Absolutely.
To make sure you have a mobile exit-intent popup for campaigns you’ve already created, click on the campaign you want to edit in your OptinMonster dashboard. Then click on the edit icon to go to the editor:
Go to Display Rules:
And check your settings for exit detected. You can choose to have your exit-intent trigger set for:
- Mobile only
- Desktop only
For most use cases, you’ll want to set your exit-intent trigger for both desktop and mobile:
But this isn’t always the case.
Remember that your mobile exit-intent trigger will change according to the sensitivity you set. Low and Medium sensitivity will create a scroll up trigger, whereas High sensitivity will create a back button trigger.
So if you want to have Medium sensitivity for desktop but a back button exit-intent trigger for mobile, you’ll need to create 2 distinct conditions: one for desktop set to Medium and one for mobile set to High:
With OptinMonster, everything is fully customizable to make sure you’re getting the right message in front of the right people at exactly the right time.
Once you have your user’s attention, you can show them promotions, grow your email list, or directly increase sales. In fact, you may find the following resources helpful for optimizing your conversion strategy with mobile exit-intent popups:
- 40 Exit Popup Hacks That Will Grow Your Subscribers and Revenue
- How to Get More Email Subscribers in Less Than 5 Minutes
- Definitive Guide to Email Marketing
We hope you found this article useful and if so, feel free to share it with a friend. Do you have any tricks and tips for mobile exit-intent popups?
For more useful marketing tutorials, head over to our YouTube channel. Just don’t forget to “like” any videos that help you out and subscribe to our channel.
And are you trying to compete with big business marketing teams, but you’re on a shoestring budget? No worries, that’s what we’re for.
Sign up for OptinMonster today, risk-free with our 14-day money-back guarantee.