how to optimize and test - home | meclabs...your ctas consist of two overall elements: • design...
TRANSCRIPT
![Page 1: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/1.jpg)
Calls-to-Action for Maximum Conversions
How to Optimize and Test:
Michael Aagaard
Copywriter, Test Junkie
ContentVerve.com
![Page 2: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/2.jpg)
2
Experiment 1: Background
Experiment ID: WriteWork.com Payment Page Test Location: Michael Aagaard Research Library
Background: WriteWork.com a subscription-based education website for college and university students Objective: Increase number of subscriptions sold
Primary Research Question: Which CTA copy will make most potential customers pay for a subscription?
Test Design: A/B split test
Research Notes:
![Page 3: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/3.jpg)
3
Experiment 1: Control
![Page 4: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/4.jpg)
4
Experiment 1: Treatment
![Page 5: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/5.jpg)
5
Experiment 1: Control vs. Treatment
Control: Treatment:
![Page 6: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/6.jpg)
6
Experiment 1: Results
31% increase in payments The Treatment CTA Copy Increased Conversions by 31.03%
What You Need to Understand: By changing the CTA copy to emphasize the value of clicking the button the company was able to increase payments by 31%
Variant CR Relative
Difference Statistical
Confidence
Control 27.63% - -
Treatment 36.21% +31.03% 98%
!
![Page 7: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/7.jpg)
7
Experiment 2: Background
Experiment ID: RoyalCopenhagen.com CTA color test Location: Michael Aagaard Research Library
Background: Denmark-based Royal Copenhagen is one of the world’s oldest companies and is world renowned for exclusive quality, hand-painted porcelain. Objective: To get more visitors to add a product to cart and complete the purchase from product pages on the online store.
Primary Research Question: Which CTA color will generate most sales?
Test Design: A/B split test
Research Notes:
![Page 8: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/8.jpg)
8
Experiment 2: Control
![Page 9: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/9.jpg)
9
Experiment 2: Treatment
![Page 10: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/10.jpg)
10
Experiment 2: Control vs. Treatment
Control: Treatment:
![Page 11: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/11.jpg)
11
Experiment 2: Results
35% increase in sales via product pages The Treatment CTA Color Increased Conversions by 35.81%
What You Need to Understand: By changing the button color to bring out the the CTA, the company was able to increase conversions by 35.81%
Variant CR Relative
Difference Statistical
Confidence
Control 1.05% - -
Treatment 1.43% +35.81% 98%
!
![Page 12: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/12.jpg)
12
What you need to understand about CTAs
![Page 13: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/13.jpg)
13
What You Need to Understand about CTAs
CTA
ConversionBounce
The Tipping Point Between Bounce and Conversion
![Page 14: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/14.jpg)
14
What You Need to Understand about CTAs
CTA CTA Email Landing
Page
Form
Page
Thank
You
Step1. Step 2. Step 3. Step 4.
CTA
CTAs tie each step in the conversion funnel together and make it possible to move from one step on to the next.
![Page 15: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/15.jpg)
Your CTAs consist of two overall elements:
• Design (color, shape, size)
• Copy (the text in the button)
In order to optimize for maximum conversions, you need to also understand the interrelationship between these two elements and the roles they play in the conversion sequence.
15
What You Need to Understand about CTAs
![Page 16: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/16.jpg)
16
What You Need to Understand about CTAs
Where should I click?
Design: shape and color are important visual cues that help attract attention to the button placement.
![Page 17: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/17.jpg)
17
What You Need to Understand about CTAs
Copy: in the last critical moment when the prospect has to make up her mind, the CTA copy is what she’ll interact with.
Why Should I Click this Button?
![Page 18: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/18.jpg)
18
What You Need to Understand about CTAs
![Page 19: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/19.jpg)
19
What You Need to Understand about CTAs
SU BMIT !
![Page 20: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/20.jpg)
20
Optimization Principles
![Page 21: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/21.jpg)
21
Optimization Principles: Button Design
![Page 22: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/22.jpg)
• CTA design is a visual cue “I’m a button – you can click me!”
• Your button should stand out from the rest of the content/layout
• Your instruments are first and foremost color, size, and shape
22
Optimization Principles: Design
![Page 23: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/23.jpg)
23
Optimization Principles in action: Design
Call to action >>+
![Page 24: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/24.jpg)
24
Experiment 2:
Control: Treatment:
![Page 25: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/25.jpg)
25
Optimization Principles: Design
![Page 26: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/26.jpg)
26
Optimization Principles: Design
![Page 27: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/27.jpg)
27
Optimization Principles: Design
What You Need to Understand: Changing the design of the button increased conversions by 145.99%
Variant CR Relative
Difference Statistical
Confidence
Control 7.52% - -
Treatment 18.49% 145.99% 99.9%
!
145% increase in sales via product pages The Treatment CTA Design Increased Conversions by 145.99%
![Page 28: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/28.jpg)
28
Optimization Principles: Design
![Page 29: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/29.jpg)
29
Optimization Principles: Design
31% increase in conversions The Treatment CTA Increased Conversions by 31.03%
10% decrease in conversions The Treatment CTA size decreased Conversions by 10.56%
![Page 30: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/30.jpg)
30
Optimization Principles: Design
Control:
Treatment:
![Page 31: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/31.jpg)
31
Optimization Principles: Design
-18.01% in CTR The Treatment CTA Font Color Decreased Conversions by -18.01%
What You Need to Understand: Changing the font color generated a negative lift of -18.01%
Variant CR Relative
Difference Statistical
Confidence
Control 9.19% - -
Treatment 7.54% -18.01% 97%
!
![Page 32: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/32.jpg)
32
Optimization Principles: CTA Copy
![Page 33: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/33.jpg)
• In the last critical moment, CTA copy is what makes prospects click
• The more value and relevance the copy conveys, the more clicks it will get
• Focus on what the prospect gets by clicking the CTA – rather than what she has to part with
33
Optimization Principles: Copy
![Page 34: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/34.jpg)
34
Optimization Principles: CTA Copy
Buy Membership Get Your Membership Find Gym & Get Membership
N egat ive: Ads Value: Ads Relevance:
![Page 35: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/35.jpg)
35
Optimization Principles: CTA Copy
Step1-LandingPage: Step2-PricingPage: Step3-PaymentPage:
![Page 36: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/36.jpg)
36
Optimization Principles: CTA Copy
Control:
Treatment:
64% increase in CTR Statistical Confidence 99.9%
![Page 37: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/37.jpg)
37
Optimization Principles: CTA Copy
Control:
Treatment:
11.95% increase in CTR Statistical Confidence 99%
![Page 38: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/38.jpg)
38
Optimization Principles: CTA Copy
Control:
Treatment:
31% Increase in Payment Statistical Confidence 98%
![Page 39: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/39.jpg)
39
Optimization Principles: CTA Copy
![Page 40: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/40.jpg)
40
Optimization Principles: CTA Copy
Control:
Treatment:
![Page 41: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/41.jpg)
41
Optimization Principles: CTA Copy
Control:
Treatment:
90% increase in conversions The Treatment Copy Increased Sign-ups by 90%
![Page 42: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/42.jpg)
42
CTA Placement
![Page 43: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/43.jpg)
43
CTA Placement:
304% increase in conversions Statistical Confidence 98%
![Page 44: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/44.jpg)
44
CTA Placement:
![Page 45: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/45.jpg)
45
CTA Placement:
TreatmentA: TreatmentB:Control:
26% increase in CTR
7% increase in CTR
![Page 46: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/46.jpg)
46
5 steps for testing your calls-to-action:
1. Diagnose your call-to-action – create a hypothesis about what is wrong 1. Use the optimization principles to come up with possible treatments 1. Assess whether copy changes, design changes or both will have the greatest impact 1. I recommend a simple A/B split test 1. The click itself is an important conversion goal – but remember to track the final
conversion goal. Sometimes CTR goes up but e.g. sign-ups go down and vice versa
![Page 47: How to Optimize and Test - Home | MECLABS...Your CTAs consist of two overall elements: • Design (color, shape, size) • Copy (the text in the button) In order to optimize for maximum](https://reader033.vdocuments.us/reader033/viewer/2022050206/5f5989070ba48d0966177807/html5/thumbnails/47.jpg)
47
Thanks for listening!
Twitter.com/ContentVerve
Facebook.com/ContentVerve
For more case studies & CRO articles:
Got questions?: