what is unbounce
CATEGORY
Our Next Webinar

Using Overlays to Get More On-Site Conversions

Unbounce Conversion Optimizer Angus Lynch will teach you how overlays work and when you should use them. Plus, find out which offers to include based on buyer intent.

DID YOU KNOW WE HAVE A PODCAST?

Become a Better Marketer. Anytime, Anywhere.

Listen and learn on the go with Unbounce’s Call to Action marketing podcast. Tune in and get inspired in the car, while you cook, or at the gym.

How Unbounce Used Overlays to Get 3,000+ Leads [Case Studies]

You’re a marketer, and a dang good one at that. You follow best practices. You always send campaign traffic to a dedicated landing page. You make data-driven decisions. You do post-mortems on all your campaigns and record your learnings.

But still, your visitors are dropping off your website without converting, leaving you with no way to nurture or convert them at a later date. And it sucks.

abandoning-visitors
No, wait, don’t go! Image via Giphy.

Things are no different for us at Unbounce. Despite our best efforts, we still miss out on a ton of conversions. Whether folks aren’t ready to hand over their information, or they simply aren’t finding what they’re looking for, they just. Don’t. Convert.

We knew there had to be a solution…

Overlays allow you to show relevant offers to specific users at the perfect time, making them less likely to leave your website without converting.

It’s a win-win really. You want the sale, they want the bargain. You want the email, they want the ebook.

But just like with any marketing tool (landing pages, emails, etc.), overlays need to be relevant, timely and valuable in order for them to be effective.

As you may have heard, Unbounce recently launched Convertables, a suite of easy-to-install overlays which can be triggered on-arrival, after delay, on-scroll and on-exit. But before releasing Convertables to the masses, we were diligently testing overlays on our own web pages.

Two experiments in particular stand out, in which we used overlays to collect leads for online partnership events. In total, we were able to collect 3,200 leads and signups. We also learned a thing or two about how to maximize conversions, while at the same time respecting the goals of the user. We’d like to share our results and learnings with you.

Digital Agency Day: Sign up to get the recordings

On January 28, 2016, Unbounce and HubSpot co-hosted a brand new online event just for digital agencies. We called it Digital Agency Day (and sometimes, internally, “DAD,” because we’re goofs).

Digital Agency Day consisted of a combination of in-person and virtual events, bringing together expert speakers from the world’s top agencies and agency partners to share actionable advice on analytics, reporting, growing retainers, new business strategy, conversion rate optimization and much more.

In total there were 18 online events, with 6,500+ participants across 101 countries. Yep, you read that right — 6,500 participants. Many of which were captured via a hyper-relevant lead gen overlay.

The problem

The main goal of the Digital Agency Day microsite was to get people to register for the live event. But anyone who’s hosted a webinar or similar online event knows that getting attendees can be tricky. People just don’t want to commit, for fear they’ll be too busy to attend or have scheduling conflicts. Digital Agency Day was more than a single webinar, but the same perceived friction existed.

digitalagencyday-microsite-cropped
The Digital Agency Day microsite. (Click for full image.)

We had to find a way to capture those visitors who just couldn’t commit to the live event before they left the site.

The solution

An overlay triggered on exit was the perfect solution. But rather than asking for visitors to sign up to attend the event, as was the goal of the microsite, the overlay prompted visitors to enter their contact info in exchange for the recordings.

dad-overlay

How it performed

We weren’t all that surprised that the overlay worked, due to its high level of relevance. That said, even we were a little surprised by the whopping 19.03% conversion rate.

dad-rooster-results

In the end, we chalked up its success to relevance, value and timeliness — the trifecta of effective overlays.

  • Relevance: The offer was similar yet complementary to the on-page offer.
  • Value: Rather than blocking a day off in their calendars, visitors could simply sign up for the recordings to watch at their leisure and cherry pick the ones that were relevant to them.
  • Timely: The offer was presented on exit, as visitors were about to abandon. Had it been triggered on arrival or after a delay, visitors who wanted to participate in the live event may have been confused.
Pro tip: While best practices indicate using no more than two form fields on your overlay to maximize conversions, you may opt for more should you require additional information to qualify or disqualify leads. At Unbounce, for example, we often qualify leads based on a four-field form. The trade-off here may be fewer conversions but with the benefit of qualifying or disqualifying leads right off the bat. Of course, this is something you’d want to test for yourself.

Want more overlay best practices?

Download Unbounce’s free guide: Best Practices for Creating High-Converting Overlays
By entering your email you'll receive weekly Unbounce Blog updates and other resources to help you become a marketing genius.

CRO Day: Click through to get the recordings

After the success of Digital Agency Day, we decided to adapt the format for CRO Day — a full day of webinars for conversion-driven digital marketers.

Featuring five webinars, two panel discussions, one AMA, one Slack workshop and one… Five-Second Landing Page Showdown, CRO Day was a smashing success — thanks to amazing participants, dedicated team members and one kick-ass overlay.

The problem

Like Digital Agency Day, the goal of the CRO Day microsite was to get people to register up for the live event. But not everyone can commit to a full day of events.

We included some fine print on the page indicating, “Can’t make it? No worries! Sign up anyway and we’ll send you the recordings.” but it would be easy to miss.

cro-day-microsite-cropped
The CRO Day microsite. (Click for full image.)

Again, we needed a way to isolate the message that if you couldn’t make the online event, you could still get the recordings.

The solution

Overlays are so effective because they focus the visitor’s attention on a single offer… like getting free recordings.

cro-day-overlay

Unlike the overlay for Digital Agency Day, we experimented with a traffic shaping overlay, which directed visitors to a secondary signup page focused just on getting the recordings after the event.

Typically, traffic shaping overlays are used to move visitors from low-converting pages (like your blog homepage or ecommerce category pages) to high-converting pages, but in this case we used a traffic shaping overlay to entice abandoning visitors with an alternate offer.

The flow looked like this:

cro-day-traffic-shaping

How it performed

Pretty. Darn. Good.

Using the traffic shaping overlay, we directed 27.31% of abandoning visitors to a secondary sign up page.

cro-day-overlay-results

Once on the page, 67% of visitors converted, filling out a six-field form!

cro-day-overlay-lp-results

Again, this overlay was relevant (a similar yet complementary offer), valuable (forget blocking off your calendar — watch the recordings you want, when you want) and timely (visitors were shown the overlay on-exit after they had seen the initial offer).

However, there’s another key principle at play here: Specificity.

specificity-cro-day
When will I get the recordings? The very next day. Can’t get much more specific than that!

By specifying that the recordings would be emailed to visitors the day after the event, we were able to boost our credibility, presumably resulting in more signups.

Tips, tricks and takeaways

Using the Unbounce overlay guiding principles, you can build overlays that convert like crazy… but not at the expense of visitor experience.

When planning your own overlay campaigns, keep in mind the following:

  • Make it relevant. If your visitor is reading a blog post about waterproof watch reviews, your overlay better not be about bikes. Rather, it should be complementary, like an overlay that directs the visitor to a features page about one of the watch models.
  • But don’t present the same offer. Presenting the exact same offer on the overlay as on page is annoying and needy. Don’t be that dude.
  • Make it valuable. Asking visitors for their personal info is a big deal. Make sure what you’re offering in exchange is of equal or greater value.

Make it timely. Choosing when to trigger your overlay depends upon the goal. (Psst: With Unbounce, you can trigger your overlays on-entrance, after delay, on-scroll and on-exit.)

About Amy Wood
Amy Wood is a writer and editor at Unbounce. She previously worked as an editor at a nationally published health and wellness magazine, where she learned about the benefits of vitamin D and em-dashes. She enjoys eating tacos, reading graphic novels and binge-watching tv series on Netflix. But mostly eating tacos. Find her on Twitter: @phoenixorflame
» More blog posts by
  • This all sounds very good, but given that the main purpose seems to be getting users to watch the videos, what was the conversion rate of people coming back to actually watch the videos?

    Surely that is the metric that determines the success of the overlays.

    It feels like this is a slightly blinkered article, focusing on a narrow segment of the campaign. but of course, I will take this all back if there is meaningful video watch data.

    Alex

  • Unboune has been my favorite blog for lead generation and link building. Thank you for sharing such an awesome blog post everyday.