This Exit Intent Popup Increased Sales By 8.2% (How to Build It)
Do exit intent popups work? My last bit of research showed that timed popups (particularly on mobile) were a poor user experience.
However exit intent popups can add value. They only appear when the user’s mouse moves outside of the browser window (or anywhere on the browser toolbar).
I work on a wordpress website that sells an ebook. There are three price points:
Ebook + extra downloads + support
Everything + personalized weekly support
After a few months I added an exit intent popup – it’s essentially a 16% discount on the basic ebook product..
It’s ugly, and I should work on something a lot nicer… but… always so many other things to do!
This only appears on the sales page when the user’s mouse leaves the browser viewport. Since the day I installed it – exactly 8.2% of sales (by $) come from this popup.
Is It Really That Simple?
All the big popup vendor websites throw around some crazy stats: “Double your conversions…” It’s easy to make those claims without data to back it up.
I’ve definitely sold product directly from the popup. The only question I have is: Does the popup short-circuit a users intent to buy the full-price product later on? I have no answer to that question.
Where to Get an Exit Intent for WordPress
I spent many hours searching through various WordPress plugins for popups. There are a multitude and almost all of them are cloud-based products that let you design and host your popup. Prices vary – but seem to start at $99 per year.
I’m kind of cheap. I’m very happy to pay for good products – but I want to know it’s going to work BEFORE I pay a regular fee.
I wanted something that wouldn’t impact performance, that wouldn’t be hosted offsite, and that I could edit myself pretty quickly.
I downloaded and tried so many. So many plugins are often bloated with extra code and libraries and a million options.
Then I stumbled across wBounce.
Building Your Own WordPress Exit Intent Popup
On your WordPress admin, go to Plugins → Add New → and search for wBounce. Install it and Activate.
Out of the box, the popup just works. It will show an exit intent popup, then set a cookie so that it is not shown again to the same user.
On the Settings page, you can enter your own HTML (wBounce comes with some preset CSS styles which you can use).
<div class="modal-title"> <h3>But wait, there's more</h3> </div> <div class="modal-body"> <p>This is my popup! Please read it and do something.</p> <form> <input type="email" placeholder="Email Address"> <input type="submit" value="Subscribe"> </form> </div> <div class="modal-footer"> <p>no thanks</p> </div>
The above HTML produced the following. It’s not pretty – but you get the picture.
Different Popups on Different Pages
On every page and post you will find a new metabox:
You can turn the default popup on or off.
To change your popup content you can override special shortcodes in your popup HTML – using the Template Engine. Or you can enter completely different HTML altogether.
A Popup on a Single Page
In my situation I had a popup just on the sales page.
On Settings, just set the Default Status to Don’t Fire. Then on your individual page or post(s) – set the Status to On.
- You can set animations for both the appear and disappear of the popup.
- Set a timed popup (e.g. show popup after 2500ms) – this is the only way to have a popup appear on mobile (see more about these).
- Set a minimum time before the popup shows.
- Set a cookie on a per-page basis – this is awesome as you can have different popups on different pages. Without this feature – once the user has seen the popup – they won’t see any others.
Are popups a fad? No doubt. However if done well, they need to be annoying to the user.