How to Create Smart Landing Pages, by Joy Cropper

61
HOW TO CREATE SMART LANDING PAGES

Transcript of How to Create Smart Landing Pages, by Joy Cropper

Page 1: How to Create Smart Landing Pages, by Joy Cropper

HOW TO CREATE SMART LANDING PAGES

Page 2: How to Create Smart Landing Pages, by Joy Cropper
Page 3: How to Create Smart Landing Pages, by Joy Cropper

• Traffic from a campaign Campaign landing page– Pay per click (SEM)– Online display– Email– Social

• Created specifically to get a visitor to take a specific action• Different than website or SEO landing pages

– Print – Direct mail– TV– Radio– Outdoor

Page 4: How to Create Smart Landing Pages, by Joy Cropper

EARNTRUST

REDUCE FRICTION

Page 5: How to Create Smart Landing Pages, by Joy Cropper

FOR SMART LANDING PAGES

10TIPS

Page 6: How to Create Smart Landing Pages, by Joy Cropper

• Consistency between campaign & landing page• Reduce clutter• Important elements above the fold• Short copy is better• Short forms are better• CTA buttons• Include trust elements• Use directional cues• Optimize for mobile• Aim for multiple landing pages

10T I P S

Page 7: How to Create Smart Landing Pages, by Joy Cropper

Consistency between campaign and landing page

• Message match – copy, keywords • Visual match – photos, colors, branding• Motivation match – pay off the promise

1T I P

Page 8: How to Create Smart Landing Pages, by Joy Cropper

Message & visual match

Display ad

Landing Page

Page 9: How to Create Smart Landing Pages, by Joy Cropper

A - Control B – PPC keyword

Sour

ce: M

ECLA

BS R

esea

rch

Page 10: How to Create Smart Landing Pages, by Joy Cropper

4.9% 12.1%

+144%

Page 11: How to Create Smart Landing Pages, by Joy Cropper

Reduce clutter

• Distractions = lower conversion rates• Strip anything that might detract from a conversion

– Page navigation– Off-page links– Unnecessary copy– Unnecessary form fields

2T I P

Page 12: How to Create Smart Landing Pages, by Joy Cropper

A B

Sour

ce: W

hich

Test

Won

Page 13: How to Create Smart Landing Pages, by Joy Cropper
Page 14: How to Create Smart Landing Pages, by Joy Cropper

Winner: LESS CLUTTER

+2,069%

Page 15: How to Create Smart Landing Pages, by Joy Cropper

Important elements above the fold3T I P

( & M Y T H )

• Value proposition, call to action and conversion point• 5-second test

Page 16: How to Create Smart Landing Pages, by Joy Cropper

Important elements above the fold

• However, there is a correlation between the complexity of the product or offer and the CTA placement

KISSmetrics found that “higher conversion rates have nothing to do with whether the button is above the fold, and everything to do with whether the button is below the right amount of good copy.”

• Key: have call to action visible at point where prospect has become convinced to take action

3T I P

( & M Y T H )

Page 17: How to Create Smart Landing Pages, by Joy Cropper

Short copy is better

• Scannable content• Engaging headline• Subheads• Bullets• Short copy blocks

4T I P

( & M Y T H )

Page 18: How to Create Smart Landing Pages, by Joy Cropper

Short copy is better

• However, the more commitment a conversion requires, the more copy you might need

• Key: Use as much copy as your potential customer needs to make an informed decision– Longer copy complex offers with high anxiety

(such as a payment or many form fields)

– Shorter copy simple offers with low anxiety

4T I P

( & M Y T H )

Page 19: How to Create Smart Landing Pages, by Joy Cropper

A – Short copy B – Long copy

Sour

ce: W

hich

Test

Won

Page 20: How to Create Smart Landing Pages, by Joy Cropper
Page 21: How to Create Smart Landing Pages, by Joy Cropper
Page 22: How to Create Smart Landing Pages, by Joy Cropper

A B

?

Page 23: How to Create Smart Landing Pages, by Joy Cropper

Winner: SHORT

+36%

Page 24: How to Create Smart Landing Pages, by Joy Cropper

Shorter forms are better

• Shorter forms = less friction, more leads• Longer forms = more friction, fewer leads

An Eloqua study found the ‘sweet spot’ for form length is between 5-10 fields where 7 was the optimal number.

5T I P

( & M Y T H )

…but higher quality

Page 25: How to Create Smart Landing Pages, by Joy Cropper

Shorter forms are better

• Work/reward ratio– Is offer valuable enough to the visitor to be worth form completion?

• Create the appearance of a low hurdle to conversion– Break long forms into multi-step experiences– Set expectations with progress bars– Pre-populate form fields

• Optional fields

5T I P

( & M Y T H )

Page 26: How to Create Smart Landing Pages, by Joy Cropper

A – Longer Form B – Shorter Form

?Source: WhichTestWon

Page 27: How to Create Smart Landing Pages, by Joy Cropper

Winner: LONG

+31%

Page 28: How to Create Smart Landing Pages, by Joy Cropper

CTA buttons

• Contrasting color• Big is good• White space

6T I P

Page 29: How to Create Smart Landing Pages, by Joy Cropper

CTA buttons

• Use language that speaks to the value they will get– Download 5 Steps to a Great Landing Page– Request Free Quote– Get Started Today

6T I P

Page 30: How to Create Smart Landing Pages, by Joy Cropper

A - RESERVE B – BOOK NOW

?Source: MECLABS Research

Page 31: How to Create Smart Landing Pages, by Joy Cropper

Winner: RESERVE

+12%

Page 32: How to Create Smart Landing Pages, by Joy Cropper

Include trust elements

• “Social proof”– Real customer testimonials– Ratings– Facebook or Twitter plugins– Partner logos

7T I P

Page 33: How to Create Smart Landing Pages, by Joy Cropper

Include trust elements

• Third-party verification symbols

7T I P

Page 34: How to Create Smart Landing Pages, by Joy Cropper

Use directional cues

• Literally point the visitor to what you want them to do– Arrows– Eyes gazing– Fingers pointing

8T I P

Page 35: How to Create Smart Landing Pages, by Joy Cropper

13.2% -> 22.2%

+68%

Source: Monetate

Page 36: How to Create Smart Landing Pages, by Joy Cropper

Optimize for mobile9T I P

Source: Google’s “Our Mobile Planet” Report, Jan 2014, USA Smartphone Usage

USA

Page 37: How to Create Smart Landing Pages, by Joy Cropper

Optimize for mobile

• Device-specific versions of the page• Responsive design to automatically adjust to the visitor’s

screen size ( http://www.sportevents.com/landing/super_bowl_packages )

9T I P

Page 38: How to Create Smart Landing Pages, by Joy Cropper

A - Desktop B - Mobile-optimized

Sour

ce:

Ion

Inte

racti

ve

Page 39: How to Create Smart Landing Pages, by Joy Cropper

+153%

Winner: Mobile-optimized

Page 40: How to Create Smart Landing Pages, by Joy Cropper

Aim for multiple landing pages

• More landing pages means more targeting opportunities– Traffic source-specific– Campaign-specific / offer-specific (create more offers)

10T I P

Page 41: How to Create Smart Landing Pages, by Joy Cropper

Aim for multiple landing pages

• Increased relevancy means more conversions

Businesses with 31-40 landing pages get 7x more leads than those with 1-5 pages.Businesses with 40+ landing pages get 12x more leads than those with 1-5 pages.

– Hubspot

10T I P

Page 42: How to Create Smart Landing Pages, by Joy Cropper

Aim for multiple landing pages

• Consider investing in a landing page creation tool – HubSpot– Unbounce– ClickThroo

10T I P

Page 43: How to Create Smart Landing Pages, by Joy Cropper

• Consistency between campaign & landing page• Reduce clutter• Important elements above the fold• Short copy is better• Short forms are better• CTA buttons• Include trust elements• Use directional cues• Optimize for mobile• Aim for multiple landing pages

10T I P S

Page 44: How to Create Smart Landing Pages, by Joy Cropper

Headline consistent with adSubhead as needed

Form Headline

Call to Action

Text explaining offer and benefits of product or service.

• Bulleted feature / benefit statement

• Bulleted feature / benefit statement

• Bulleted feature / benefit statement

Footer (privacy, terms)

Logo

Hero shot

Testimonials, social proof, logos, video

Page 45: How to Create Smart Landing Pages, by Joy Cropper

TRACKING & REPORTING

Page 46: How to Create Smart Landing Pages, by Joy Cropper

What to track and report

• By traffic source– Cost– Unique visitors– Conversions/leads– Cost per lead/acquisition– Bounce rate– Conversion rate

Imag

e so

urce

: Io

n In

tera

ctive

Page 47: How to Create Smart Landing Pages, by Joy Cropper

Track beyond the conversion rate

AD PERFORMANCE LANDING PAGE PERFORMANCE SALES TEAM PERFORMANCE

Budget IMPs

Unique Clicks CTR CPC

Form Leads

Phone Leads

Total Leads

LP Conv Rate CPL # Sales

Sales Conv Rate $ Sales

Avg $ Per Sale

SEM $66,885 2,654,136 21,006 0.79% $3.18 506 319 825 3.9% $81.07 52 6.3% $368,415 $7,085

Ad Group 1 $3,741 90,644 951 1.05% $3.93 59 30 89 9.4% $42.04 1 1.1% $4,500 $4,500

Ad Group 2 $12,474 378,570 6,888 1.82% $1.81 110 84 194 4.0% $64.30 11 5.7% $63,496 $5,772

Ad Group 3 $22,741 509,592 7,971 1.56% $2.85 149 106 255 3.2% $89.18 24 9.4% $198,755 $8,281

Ad Group 4 $4,915 331,288 668 0.20% $7.36 59 34 93 13.9% $52.85 2 2.2% $12,009 $6,005

Ad Group 5 $23,013 1,344,042 6,528 0.49% $3.53 129 65 94 1.4% $244.82 14 14.9% $89,655 $6,404

Page 48: How to Create Smart Landing Pages, by Joy Cropper

In-page analytics

Traffic by source: LP Visits Time Spent Top nav links clicked:

% of total Online Display 6,243 00:09 Location Finder 254 37%

SEM 1,810 00:33 Service Line 1 164 24%

Outdoor 49 00:08 Service Line 2 110 16%

Radio 26 01:38 Service Line 3 105 15%

TV 11 02:46 Service Line 4 56 8%

Print 7 00:20

Direct (none) 9 00:34

Total / Average 8,146 00:53 Top 10 location searches: % of total

City 1 118 16%

Top landing page actions: % of total visits City 2 100 13%

Location Search 751 9% City 3 98 13%

Clicked on Page Navigation 688 8% City 4 58 8%

Viewed Map 98 1% City 5 32 4%

Page 49: How to Create Smart Landing Pages, by Joy Cropper

Tracking toolbox

• Unique URLs• Trackable phone numbers• Tracking pixels• Google Analytics:

– Event tracking– Conversion goals

Page 50: How to Create Smart Landing Pages, by Joy Cropper

TESTING

Page 51: How to Create Smart Landing Pages, by Joy Cropper

What to test

• Layout• Headline• Offer• Copy – short vs. long, style• Images – hero shot, video• Form – style, number of fields• Buttons – color, CTA language, placement, size

Page 52: How to Create Smart Landing Pages, by Joy Cropper

Innovation vs. Iteration

Image source: Ion Interactive

Page 53: How to Create Smart Landing Pages, by Joy Cropper

A/B vs. Multivariate

Image source: Ion Interactive

Page 54: How to Create Smart Landing Pages, by Joy Cropper

Do you have enough traffic to test?

• Use a test duration calculator to determine how long a test will take to give you good results– http://visualwebsiteoptimizer.com/ab-split-test-duration/

• If calculator says 8 weeks or less, go ahead

Page 55: How to Create Smart Landing Pages, by Joy Cropper

Testing tools

• Google Analytics Content Experiments• Optimizely• Visual Website Optimizer• Maxymiser• Unbounce• Adobe Test & Target

Page 56: How to Create Smart Landing Pages, by Joy Cropper

• Don’t rush to judgment• Results may surprise you

Page 57: How to Create Smart Landing Pages, by Joy Cropper

A – Offer B – No Offer

?

Sour

ce:

Will

iam

s Ra

ndal

l Mar

ketin

g

Page 58: How to Create Smart Landing Pages, by Joy Cropper

Winner: NO OFFER

+74%

Page 59: How to Create Smart Landing Pages, by Joy Cropper

GETTING STARTED

Page 60: How to Create Smart Landing Pages, by Joy Cropper

Getting started

• Evaluate your buying process, plan out LPs/offers that will drive visitors directly into your conversion funnel

• Sketch pages out, compare layout and content to the 10 tips• Collaborate with your creative/programming team or invest

in a landing page creation tool • Start tracking to get a baseline• Then try a test

Page 61: How to Create Smart Landing Pages, by Joy Cropper

Joy [email protected]