If you’re familiar with exit-intent technology, you know that it relies on mouse tracking to detect when visitors are about to leave your website.
But how is that supposed to work for mobiles?
In this article, you’ll find out what signals we can use to detect mobile exit intent and how you can leverage these signals to create mobile exit popups that convert.
How Does Exit Intent Work on Mobile?
Needless to say, mobile exit intent is very different from its desktop counterpart.
On mobiles, you can use two main signals to anticipate when your visitors are about to leave.
Signal 1: Back Button Pressing
As a mobile user, one of the ways to leave a website is to press “back” until you get back to the previous website you were visiting (Google, for example).
Signal 2: Scroll Up
Have you noticed?
On most phones — and iPhones and Android phones are no exception — the URL bar disappears when you scroll down. To type in a new URL to leave the page you’re on, you have to scroll up a little. That’s another signal we can use.
The key here is to find the right amount of scroll up. If it’s too sensitive, it will trigger as soon as the user scrolls up a little. On the other hand, if it’s not sensitive enough, your popup will never appear.
Here’s quick demo of how scroll up and back button pressing help detect and anticipate exit on mobiles
Other Signals: Tab Switch and Idle Time
In other posts, you’ll see people mentioning that they also track the “Tab switch” option of the browser. Personally, I don’t find this option particularly helpful, because the popup doesn’t appear when users click to switch tabs — it will appear when they switch back to your website. Not ideal, right?
One other popup solution tracks when users appear to be idle (not doing anything) on your website. I don’t find it super relevant either. Not interacting with a page doesn’t mean I’m about to exit…But it’s up to you to decide!
How to Create a Mobile Exit Popup
You have two main options.
If you’re a developer or have access to one, you can use a mobile exit intent script. You can use the script example we shared on this page as a starting point. This thread on StackOverFlow lists other interesting elements.
If you’re not a developer, I recommend you use a popup software that includes a mobile exit trigger. Make sure the solution is able to detect the two signals we listed above (back button pressing and scroll up).
How to Design a Convincing Mobile Exit Pop-up (with Examples)
Enough with the technical stuff!
Let’s explain know how you can make the most of your mobile exit popups.
Create a Specific Popup for Mobiles
People who are not familiar with popups usually expect popups to be responsive. In other words, they expect to create one popup that works for both desktops and tablets.
Unfortunately, this usually doesn’t work well.
On desktops, to make sure we’re catching the visitor’s attention, we use as much space as possible for exit popups. We add pictures, large headlines, columns to structure the popup, etc.
And it’s difficult to adapt this kind of design to mobile screens where space is more limited.
So we usually create a separate campaign. This helps us make sure the popup will fit perfectly on any mobile screen.
Here’s a good example from Miracle Brand. The design is clean, simple and will look good on any phone.
Include a Relevant Offer
Picture the following scene. You’re leaving a store empty-handed. The store owner runs up to you and asks, “Are you leaving?” You reply, “Yes, I am,” and the discussion is over.
Mobile popups are exactly the same. If you expect visitors to stay on your website or leave their email address just because you displayed a popup simply saying, “Don’t go!” you’re wrong.
To make a difference, the popup must bring value to the visitor who’s about to leave.
Here are some ideas you could try:
- A coupon that expires soon (like in the example from Electric Family below)
- A free shipping offer
- A chance to win something
- An exit survey to collect your visitors’ feelings towards your website
Include a Large Closing X
Popups can be frustrating. Especially when they’re hard to close.
Make your visitors’ life easier and include a large X that’s easy to tap.
Here’s one good example from Dockers. The X is large and far from the edges of the screen. It’s super easy to close if you’re not interested in the offer.
For more tips, you can check out the article we wrote about exit popups.
Are Mobile Exit Popups SEO-Friendly?
Are you familiar with Google’s “Mobile interstitial” penalty? If not, I recommend you check this article first.
In short, Google penalizes websites that use interstitials that visually obscure the content of a page on landing.
Do mobile exit popups fall into that category?
We don’t think so. Let me explain why.
Here’s what Google shared when they announced the penalty:
Here are some examples of techniques that make content less accessible to a user:
- Showing a popup that covers the main content, either immediately after the user navigates to a page from the search results, or while they are looking through the page.
- Displaying a standalone interstitial that the user has to dismiss before accessing the main content.
- Using a layout where the above-the-fold portion of the page appears similar to a standalone interstitial, but the original content has been inlined underneath the fold.
A mobile exit popup is not displayed as soon as the user loads a webpage. It’s displayed once the visitor has started interacting with the page. So we think it’s not what Google would consider an intrusive interstitial.
In other words, displaying your popups upon exit on mobiles is probably one of your safest options with regards to SEO.
Now you know how we get exit-intent popups to work on mobiles. You already know how much exit popups increase conversions, and that more people are perusing the internet on mobiles, so it’s probably obvious that it’s worth your while to optimize your exit popups for both mobiles and desktops.
This may sound strange (after writing an article about them), but exit pop-ups on mobiles are fairly new. When preparing this article, I realized that only a few websites were using them.
If you’re one of them, feel free to contact me to share your best practices at gregd //at// wisepops.com. I’m pretty sure this technique will become more sophisticated over time, so you’ll want to get in on the ground floor and stay ahead of the crowd.