using overlays to get more conversions

63
@unbounce #unwebinar MATTHEW SHEPHERD Launch Specialist Unbounce [email protected] Thanks for joining us! The webinar will begin shortly. ANGUS LYNCH Conversion Optimizer Unbounce [email protected] Join our chat on Twitter Using Overlays to Get More Conversions

Upload: unbounce

Post on 11-Jan-2017

65 views

Category:

Marketing


0 download

TRANSCRIPT

Page 1: Using Overlays to Get More Conversions

@unbounce #unwebinar

MATTHEW SHEPHERDLaunch Specialist

[email protected]

Thanks for joining us!The webinar will begin shortly.

ANGUS LYNCHConversion Optimizer

[email protected]

OFF

Join our chat on Twitter

Using Overlays to Get More Conversions

Page 2: Using Overlays to Get More Conversions
Page 3: Using Overlays to Get More Conversions

@unbounce #unwebinar

Stephanie SaretskyMultimedia Producer

Unbounce

OFF

Join our chat on Twitter

Using Overlays to Get More Conversions

Page 4: Using Overlays to Get More Conversions

Build Landing Pages Fast & Get More ConversionsUnbounce helps marketers build and publish high-converting landing pages and website

overlays.

www.unbounce.com 1.888.515.9161 [email protected]

Page 5: Using Overlays to Get More Conversions

Today we’ll answer 3 questions.

1 What are overlays, and why should I use them?

2 How do I build overlays and publish them on my site?

3 How do I run overlays effectively (and responsibly)?

@unbounce #unwebinar

Page 6: Using Overlays to Get More Conversions

In 2014, Unbounce began experimenting with overlays on blog posts and campaign landing pages.

Since then, 1.81 million unique visitors have viewed Unbounce overlays.

@unbounce #unwebinar

Background

Page 7: Using Overlays to Get More Conversions

In November 2016, Unbounce launched Convertables — a conversion tool that allows marketers to drive leads, sales and

signups by placing targeted overlays on any web page.

@unbounce #unwebinar

Background

Page 8: Using Overlays to Get More Conversions

What Are Overlays, And Why Should I Use Them?

Page 9: Using Overlays to Get More Conversions

Overlays are modal light boxes that open within a web page.

@unbounce #unwebinar

Page 10: Using Overlays to Get More Conversions

Overlays focus attention on a single offer by greying out the background.

@unbounce #unwebinar

Page 11: Using Overlays to Get More Conversions

Overlays are often mistaken for “pop-ups,” but there are key differences.

@unbounce #unwebinar

Page 12: Using Overlays to Get More Conversions

@unbounce #unwebinar

Overlays open within an existing window.

Pop-ups open a new window.

Page 13: Using Overlays to Get More Conversions

@unbounce #unwebinar

Overlays do not take control of the browser, or inhibit the

navigation bar.

Pop-ups take control of the browser and impede

navigation.

Page 14: Using Overlays to Get More Conversions

@unbounce #unwebinar

Overlays are controlled by site owners.

1 Must focus on relevant content

2 Must consider user experience

Pop-ups are controlled by third-party advertisers.

1 Offers aren’t relevant

2 No consideration for UX

Page 15: Using Overlays to Get More Conversions

@unbounce #unwebinar

Overlays are shown based on browsing history and visitor actions, while pop-ups are shown based on page visits.

Page 16: Using Overlays to Get More Conversions

Why Use Overlays?

Page 17: Using Overlays to Get More Conversions

Roughly 90-97% of visitors to any marketing website will not buy or sign

up.

@unbounce #unwebinar

Page 18: Using Overlays to Get More Conversions

@unbounce #unwebinar

Overlays are used to drive conversions from this pool of visitors, i.e. convert

visitors who otherwise wouldn’t buy or sign up.

Page 19: Using Overlays to Get More Conversions

You can use overlays for…

1 Revenue generation — Driving immediate sales

2 Lead generation — Capturing contact info/data

3 Traffic shaping — Directing users to high-converting pages

@unbounce #unwebinar

Page 20: Using Overlays to Get More Conversions

Generating Revenue With Overlays

Page 21: Using Overlays to Get More Conversions

@unbounce #unwebinar

Revenue Generation

1A discount, giveaway or resource is offered to specific visitors (e.g. abandoning, idle).

2 Visitors are incentivized to make an additional purchase, or complete a pending purchase.

3 The marketer gets an additional conversion.

Page 22: Using Overlays to Get More Conversions

@unbounce #unwebinar

Revenue Generation

Travel site using an entrance overlay to highlight its best offers.

Page 23: Using Overlays to Get More Conversions

@unbounce #unwebinar

What Can You Achieve?

Page 24: Using Overlays to Get More Conversions

Capturing Leads With Overlays

Page 25: Using Overlays to Get More Conversions

@unbounce #unwebinar

Lead Generation

1 An overlay offers a deal, resource or opportunity in exchange for contact details.

2 When visitors convert, a confirmation screen is shown.

3 Leads are automatically sent to any email marketing tool, and stored within Unbounce (CSV).

Page 26: Using Overlays to Get More Conversions

Lead Generation Examples

Gr8fires capturing leads by offering a free calculator.

@unbounce #unwebinar

Page 27: Using Overlays to Get More Conversions

@unbounce #unwebinar

What Can You Achieve?

Page 28: Using Overlays to Get More Conversions

Directing Traffic With Overlays(a.k.a. “Traffic Shaping”)

Page 29: Using Overlays to Get More Conversions

Traffic Shaping

1 A click-through overlay (no form)is placed on a high-traffic page.

2 The user is offered relevant products, services or content.

3 When visitors click, the chance of conversion increases.

@unbounce #unwebinar

Page 30: Using Overlays to Get More Conversions

@unbounce #unwebinar

Traffic Shaping Example

Overlay on “conference” blog posts. CTA Conf Homepage.

Page 31: Using Overlays to Get More Conversions

@unbounce #unwebinar

What Can You Achieve?

Page 32: Using Overlays to Get More Conversions

Building & Publishing Overlays

Page 33: Using Overlays to Get More Conversions

Using Convertables

OFF

Page 34: Using Overlays to Get More Conversions

Using Overlays Effectively

Page 35: Using Overlays to Get More Conversions

Overlays are a powerful conversion tool, but when used improperly, they can

negatively affect the user experience.

@unbounce #unwebinar

Page 36: Using Overlays to Get More Conversions

Make offers that are relevant and valuable to your visitors — without harming the user

experience.

@unbounce #unwebinar

Page 37: Using Overlays to Get More Conversions

@unbounce #unwebinar

What does that mean?

1 RelevanceUsing page targeting to show the right overlays on the

right pages.

2 ValueFinding offers that further your visitors’ goals (and yours!)

3 User ExperiencePicking triggers that show your overlays at the right time.

Page 38: Using Overlays to Get More Conversions

Relevance & Value

Page 39: Using Overlays to Get More Conversions

Where To Place Overlays

Page 40: Using Overlays to Get More Conversions

Placing Lead Gen Overlays

Page 41: Using Overlays to Get More Conversions

@unbounce #unwebinar

Lacking Value

Targeting Unbounce blog

Duration 163 days

Views 558,488

Conversions 8,194

Conversion rate1.42%

Page 42: Using Overlays to Get More Conversions

@unbounce #unwebinar

Lacking Relevance

Targeting Unbounce blog

Duration 14 days

Views 43,456

Conversions 495

Conversion rate1.11%

Page 43: Using Overlays to Get More Conversions

@unbounce #unwebinar

Segmentation to the Rescue

Targeting ”Conference” postsViews/Conversions 52,505Conversion rate 3.82%

Targeting “UX” blog postsViews/Conversions 17,001Conversion rate 2.92%

Page 44: Using Overlays to Get More Conversions

Placing Rev Gen Overlays

Page 45: Using Overlays to Get More Conversions

@unbounce #unwebinar

RelevanceTargeting CTA Conf Homepage

Duration 30 days

Views 8,277

Conversions 343

Conversion rate4.14%

Page 46: Using Overlays to Get More Conversions

Placing Traffic Shaping Overlays

Page 47: Using Overlays to Get More Conversions

@unbounce #unwebinar

Traffic Shaping For CTA Conf

Overlay on “conference” blog posts. CTA Conf Homepage.

Page 48: Using Overlays to Get More Conversions

@unbounce #unwebinar

Relevance

Targeting Unbounce blog

Duration 16 days

Views 9,280

Conversions 289

Conversion rate3.11%

Page 49: Using Overlays to Get More Conversions

User Experience

(Triggers & Frequency)

Page 50: Using Overlays to Get More Conversions

Best used for:• “Can’t miss” offers,

events or opportunities• Returning visitors who

may no longer notice your on-site calls to action

On Arrival

@unbounce #unwebinar

Triggers

Page 51: Using Overlays to Get More Conversions

Best used for:• Relevant offers to

users who have implied interest

• Returning visitors who may no longer notice your on-site calls to action

After Delay

@unbounce #unwebinar

Triggers

Page 52: Using Overlays to Get More Conversions

Best used for:• “Saving” potentially

lost conversions (e.g. coupon code, shipping discount)

• Capturing user details (leads) from abandoning visitors

On Exit

@unbounce #unwebinar

Triggers

Page 53: Using Overlays to Get More Conversions

Best used for:• Expanding on offers

below the fold• Content-heavy pages

(blog posts)

On Scroll

@unbounce #unwebinar

Triggers

Page 54: Using Overlays to Get More Conversions

Unbounce recommends showing overlays once per visitor.

@unbounce #unwebinar

Frequency

Page 55: Using Overlays to Get More Conversions

Putting it All Together

Page 56: Using Overlays to Get More Conversions

@unbounce #unwebinar

Capturing Leads For Digital Agency Day

• Virtual event held in January, 2016

• 30+ digital marketing experts

• Online audience of 6,500+

Page 57: Using Overlays to Get More Conversions

@unbounce #unwebinar

Exit Overlay on Homepage

1 RelevanceDirectly relevant content

2 ValueSaving time + valuable content

3 User ExperienceOnce per visitor, shown only to abandoners, disabled

for users who completed forms

Page 58: Using Overlays to Get More Conversions

@unbounce #unwebinar

Results

Duration 22 days

Views 10,463

Conversions 1,991

Conversions rate 19.02%

Page 59: Using Overlays to Get More Conversions

Make offers that are relevant and valuable to your visitors —

without harming the user experience.

@unbounce #unwebinar

“”

One Takeaway

Page 60: Using Overlays to Get More Conversions

Expect an email within 1 week

@unbounce #unwebinar

Recording + Slides

Page 61: Using Overlays to Get More Conversions

www.unbounce.com/features/convertables

@unbounce #unwebinar

More Convertables Information

Page 62: Using Overlays to Get More Conversions

Build Landing Pages Fast & Get More ConversionsUnbounce helps marketers build and publish high-converting landing pages and website

overlays.

www.unbounce.com 1.888.515.9161 [email protected]

Page 63: Using Overlays to Get More Conversions