Update August 15, 2017
This article has been archived due to the fact that we have officially built and released Unbounce Convertables™ which makes building + launching exit overlays much, much easier.
With Convertables, you can launch targeted overlays on top of any web page, each with a dedicated call to action.
Customizable triggers and targeting rules give you complete control over who sees your offers and when, so you can serve the most relevant offers to the right audience.
It’s the ideal scenario: David, a 46 year old lawyer from your home state has read your landing page about roofing repair and is ready to fill out your form with his contact info. He clicked through from an ad, read about your service, and wants an estimate from you.
As he reaches the form field to enter his email, however, he realizes he’s not totally sure what kind of material he wants for his replacement roof. There are tons of options to choose from, and Ð now that he’s thinking about it Ð he really should consult with his neighbor who’s done a replacement before for some tips.
ÒI’ll come back tomorrow and apply for the free estimate when I’m sureÓ, he thinks.
And that’s it.
You never hear from David. A week later he calls up a company his coworker recommended on the fly. But hey Ð this happens to the best of us. Even if your landing page was so alluring that it led to a conversion start, there’s no stopping an abandoning visitor…
Or is there?
The Pain of the Abandoning Visitor
One of conversion’s most silent killers is the abandoning visitor. These are the people that express initial interest by cruising around your page, but end up leaving for a few reasons, which can include:
A lack of persuasion: They weren’t convinced the offer was needed (Òhmm, I don’t have this exact problem, so this offer isn’t for meÓ)
A pricing conflict: They didn’t feel the deal was sweet enough
A lack of urgency: There didn’t appear to be a deadline on the offer or any major incentive to convert now (ÒI’ll just come back tomorrow if I’m still interested)
A lack of knowledge: The might not be problem aware (ÒWhy would I need this security measure in the first place?Ó)
A misunderstanding: A visitor may have ended up on your landing page after looking for something else (which they didn’t find on your page even though you might offer it)
They’re a tire kicker: They’ve heard about you, but aren’t ready to commit just yet.
They got distracted: There was an announcement about free donuts in the kitchen. Your landing page was great and everything. But, y’know…wasn’t donuts.
But it doesn’t have to be this way!
As is the case with many of the reasons above, people often leave your page because they’re missing a piece of information, but you can take advantage of what’s known as an exit overlay as a means of filling the knowledge gap and trying to win these folks back.
Exit overlays are modal lightboxes that use exit-intent technology to monitor your visitor’s activities as they browse your site. As soon as someone demonstrates intent to leave your page (maybe mousing over the ‘back’ button, or inching toward closing the tab in their browser, for example), an exit overlay is triggered to prompt your offer (or even a different, sweeter offer) before they click away.
Above: an example of an exit overlay by Neil Patel, founder of Quicksprout.
Now, you might be thinking, Òwait a minute, you’re just describing popups! Google frowns upon popups and this will negatively affect my AdWords and quality score!Ó But exit overlays are different (and comply with Google’s policy). Google allows modal overlays that open within the same window the user was browsing, and they even specify within their policy that this type of graphic appearing on a landing page is fair game. They simply don’t like pop-ups that open in a separate window or impede navigation.
In any case, consider how valuable it would have been for the roofing company to provide David with an exit overlay prompting him to learn more about the types of roofing materials he could choose from and scenarios for why he’d choose each. He abandoned the page because he wasn’t sure of his options, but an exit overlay could have been a means of educating David about his options instead of having him bounce. The roofing company could have offered a PDF download of information in exchange for David’s email (so that they could at least followup).
In short, an exit overlay is like a second chance at conversion. It’s your Òbut-wait-there’s-moreÓ moment.
And the best thing about this exit-intent technology is that you can start using it to prompt conversions on your Unbounce pages.
What can you do with an Exit Overlay on your Landing Pages?
The opportunities for your exit overlay are really only limited by the extent of your imagination, but here are a few examples of what you could implement on a specific landing page today to inspire some ideas.
Counter potential objections to your landing page offer : (i.e. if someone’s leaving, they might have a reason, so why not counter the top reason customers leave your site with a strategic piece of info? You could glean information on why people are leaving your site using a Qualaroo survey, for example, and then set up an exit overlay countering this objection).
Add a dash of urgency to a sweet deal: Sure you’ve presented your offer for 15% off your services on your landing page, but is there a way you could make this deal time-sensitive? Try an exit overlay with a prompt to ÒAct fast, this offer only lasts for XY hours!Ó.
Build your subscription lists: Depending on your product or service, your landing page may address the top of the funnel and it might be too early in the awareness phase for certain prospects to convert. So why not ensure visitors keep receiving your brand’s messaging? You can add an exit overlay to your landing page with a prompt to subscribe to your blog. Your visitor may not need your service right now, but they might fall in love with your brand’s content and become an advocate nonetheless.
Test out different messaging: If your landing page copy uses keywords appealing to one particular segment of your audience, maybe your exit overlay could try a different angle or headline appealing to a different segment.
These are all possible opportunities for your landing page and there are plenty more depending on your specific use case. After you have your idea for what your overlay should accomplish, you can design one to use in Unbounce.
Designing Your Exit Overlay
To build your exit overlay, you’ll useRooster Engagement Tools. Unbounce recently acquired Rooster Engagement as a way to help you not only build landing pages to achieve conversions, but also leverage your pages to their full potential with exit intent technology.
Once you have logged in to Rooster, you can either design an original exit overlay using HTML and CSS, or you can choose a Rooster template. Using the inline editor, you can then adjust the template’s copy and colour scheme to match the look of your landing page. From there just save your changes, and you can head over to the Unbounce page builder to implement the overlay.
For step by step details on creating an overlay in Rooster, check out the details here.
After you’re happy with the design and message, you can head over to the Unbounce Page Builder to implement the overlay.
Setup your Rooster Exit Overlay in Unbounce:
Once you’ve designed an overlay using Rooster, you can get it working on your landing page in Unbounce using just four easy steps. As a prerequisite, you’ll need:
Your Rooster Script
Access to your Unbounce account
At least 1 Unbounce landing page
The steps from there are straightforward.
Copy this Rooster script to your clipboard, and then…
It’s important to note that Selecting a domain doesn’t mean Rooster will automatically run on every page. It just means Rooster will be available to use on a selected domain should you choose to target it within the next step.
Select the necessary pages, and click Save and Publish Script in the bottom righthand corner.
Step 4: Target Your Specific Pages
To have your overlay appear on specific pages (based on their domains in step 3), you’ll login to Rooster and set up URL targeting. To do this, see the instructions here.
And that’s all, folks!
Want to Start Using Exit Overlays?
We’re really excited about the Rooster acquisition; particularly excited to see how customers like you want to start using exit overlays to boost conversions. If you want to help shape how Rooster and Unbounce play together, we’d love to hear your feedback. Send an email to email@example.com and Tia Kelly, Unbounce’s Customer Success Manager will be standing by. Get in touch, or let us know how you’d like to use exit intent to capture more leads and boost conversions with a comment below!