how to create smart landing pages, by joy cropper
TRANSCRIPT
![Page 1: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/1.jpg)
HOW TO CREATE SMART LANDING PAGES
![Page 2: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/2.jpg)
![Page 3: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/3.jpg)
• 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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/4.jpg)
EARNTRUST
REDUCE FRICTION
![Page 5: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/5.jpg)
FOR SMART LANDING PAGES
10TIPS
![Page 6: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/6.jpg)
• 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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/7.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/8.jpg)
Message & visual match
Display ad
Landing Page
![Page 9: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/9.jpg)
A - Control B – PPC keyword
Sour
ce: M
ECLA
BS R
esea
rch
![Page 10: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/10.jpg)
4.9% 12.1%
+144%
![Page 11: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/11.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/12.jpg)
A B
Sour
ce: W
hich
Test
Won
![Page 13: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/13.jpg)
![Page 14: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/14.jpg)
Winner: LESS CLUTTER
+2,069%
![Page 15: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/15.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/16.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/17.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/18.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/19.jpg)
A – Short copy B – Long copy
Sour
ce: W
hich
Test
Won
![Page 20: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/20.jpg)
![Page 21: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/21.jpg)
![Page 22: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/22.jpg)
A B
?
![Page 23: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/23.jpg)
Winner: SHORT
+36%
![Page 24: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/24.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/25.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/26.jpg)
A – Longer Form B – Shorter Form
?Source: WhichTestWon
![Page 27: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/27.jpg)
Winner: LONG
+31%
![Page 28: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/28.jpg)
CTA buttons
• Contrasting color• Big is good• White space
6T I P
![Page 29: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/29.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/30.jpg)
A - RESERVE B – BOOK NOW
?Source: MECLABS Research
![Page 31: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/31.jpg)
Winner: RESERVE
+12%
![Page 32: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/32.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/33.jpg)
Include trust elements
• Third-party verification symbols
7T I P
![Page 34: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/34.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/35.jpg)
13.2% -> 22.2%
+68%
Source: Monetate
![Page 36: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/36.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/37.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/38.jpg)
A - Desktop B - Mobile-optimized
Sour
ce:
Ion
Inte
racti
ve
![Page 39: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/39.jpg)
+153%
Winner: Mobile-optimized
![Page 40: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/40.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/41.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/42.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/43.jpg)
• 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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/44.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/45.jpg)
TRACKING & REPORTING
![Page 46: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/46.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/47.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/48.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/49.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/50.jpg)
TESTING
![Page 51: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/51.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/52.jpg)
Innovation vs. Iteration
Image source: Ion Interactive
![Page 53: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/53.jpg)
A/B vs. Multivariate
Image source: Ion Interactive
![Page 54: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/54.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/55.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/56.jpg)
• Don’t rush to judgment• Results may surprise you
![Page 57: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/57.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/58.jpg)
Winner: NO OFFER
+74%
![Page 59: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/59.jpg)
GETTING STARTED
![Page 60: How to Create Smart Landing Pages, by Joy Cropper](https://reader030.vdocuments.us/reader030/viewer/2022020217/554cdee3b4c905cc488b50e1/html5/thumbnails/60.jpg)
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