How We Tripled Our Conversion Rate With A/B Testing of CTAs
“Turn your website into your best sales agent.” “Your website needs to generate leads.” “You need to engage your visitors and nurture them into prospects”….
Today’s demands on a website and a digital marketing team are no small expectations to deliver against. Let’s look into some learnings, tips and tricks we’ve run into when setting this up. This article looks at a key component in the engagement process, Calls-to-Action, CTAs, and, how we tripled our visitor-to-contact conversion rate by improving them.
What is a call to action?
According to Wikipedia:
A Call-to-Action is a marketing term for any design to prompt an immediate response or encourage an immediate sale. A CTA most often refers to the use of words or phrases that can be incorporated into sales scripts, advertising messages, or web pages, which compel an audience to act in a specific way.
CTAs are often some sort of button or banner, a visual, hyperlinked element that leads to a Landing Page that presents the “conversion offer.”
ADD TO CART
DOWNLOAD FREE OFFER
Get FREE Trial
🤬GET OUR NEWSLETTER🤬
Let’s look at them a little closer (the above ones are all terrible!) and review the components of a CTA, the message, the copy, the visual presentation, the role in the buyer’s journey, and the intent.
Components of a Call-to-Action
Purpose - Why have a call to action? A CTA is to prompt users to perform a specific action. It's an opportunity to encourage your visitor to take tangible steps toward becoming a customer. The purpose of the CTA is NOT to have the visitor click on it; the purpose is to encourage your prospect to go somewhere and take the next step – often to fill in a form to submit desirable information, such as your name and consent to allow communication or your information to prepare for a purchase transaction. Without a clearly defined purpose and destination, your CTA is unlikely to accomplish the desired results.
Message/CTA copy - Pretty straightforward. This is the text or visual or vocal encouragement to take action. “Get Your Free Trial,” “Contact Us,” “Get Started,” are some common ones. However, while the (more outdated) “Click Here” could be a CTA message, without compelling context, it's less likely someone will click on it.
Message presentation - The different formats of presenting a CTA are near endless. Hyperlinked text CTAs, image CTAs, GIFs, buttons, and banners are all examples. Having a little understanding about psychology and knowing a LOT about your target personas can play a big role in whether your CTA is perceived to be cute as a button. Blue is cool. Red is aggressive. ALL CAPS IS ALL YELLING. This is a case where "looks" definitely matter.
Positioning - Location, location, location. Where you present your CTA is also critical. It could be in line with a blog post, part of a navigation menu, or a pop-up that appears after spending more than 30 seconds on a page or on intent to exit.
How do I create a successful CTA?
The web is full of advice on how to optimize your CTA. One of the most important ones: align your message and presentation with its intent and with your audience.
No matter the advice – use these colors and those fonts; this is the best size; keep it short (and sweet); no hyperbolic language – take it under advisement, but DON’T rely on it. Your business, website, and your audience are unique, so your CTAs will have to be tailored to your world in order to engage your prospects.
The world, especially the world of a marketer is changing at a faster than ever pace. What still worked yesterday is not delivering results tomorrow.
So how do you keep up and show real results? How do you consistently create sharp and engaging CTAs for your specific audience? You test and trial, fail and succeed, tweak or toss what’s failing, compare variations, and continuously optimize what’s working. When properly set up with a disciplined approach, A/B testing (or A/B/C testing or A/B/C/D testing) will deliver eye opening results. In our little case study here, we’ve achieved 3x the amount of contacts when optimizing our “Contact Us” CTA button.
How we tripled our conversion rate with A/B testing of CTAs
Here it is, a cute little fella. It fits our color scheme and it leads to the Contact Us page where we ask visitors to fill in their information so that they engage in a discussion about growing their business:
When we originally put this in place, we tested it against “Contact Us”. The “Get started” version had about 2x the number of clicks. People must like it, or so we thought. It ended up as the winner, and we put it into production.
Superficially, it seemed like a decent approach: measure and decide based on numbers that indicate a good result – twice the amount of clicks is pretty convincing, right? NO, it shouldn't have been. DON’T DO THAT. So, where did we go wrong? We fell into the trap of optimizing for "clicks!"
Let’s look at the conversion path to see how things interact:
CTA -> Landing Page -> Form Submission
- Step 1: The call to action, in whatever shape and whatever location, is looking to direct the visitor to the landing page. It sits somewhere on the website, in the navigation, in blog posts, etc.
- Step 2: The purpose of the landing page is to get the visitor to fill in a form and hit submit.
Clicks, while an important ingredient, are a rather secondary objective, though. If we would have put “Get free ice cream” on the CTA, it would have further improved the number of clicks, and the number of people who we would have (mis-) lead to the Contact Us page would have been even higher. They would have been (justifiably) disappointed when they didn’t see any ice cream offer and certainly would have no reason to fill out the form on the landing page.
The light bulb went on when we looked at how the CTA and its variations actually impacted the conversions on the Contact Us page. Did it still favor the “Get Started” version in white on blue? No, it didn’t. At least not in our case, as follows:
In the above A/B/C/D test, easy to set up on HubSpot, we’ve tested four different versions of the CTA, all leading to the same landing page with the same offer for all. HubSpot shows each of the variants somewhat equally often (not all of them started at exactly the same time in our case) but we are going to look at the various ratios, not the absolute numbers.
Also, for really truly scientific evidence, the sample size is still rather small.
But, here are some early conclusions drawn from this CTA variant evaluation:
- Our old text “Get Started” performs better than “Contact Us” when simply looking at clicks.
Conclusion: the text is more attractive, it is less of a commitment. Getting started doesn’t have to mean too much, but contacting people and talking to them… whoa. That's a bigger step. As such, the top two variants win when measured in percent of visitors that end up clicking on it.
9.76% and 3.71% is (much) better than 2.69% and 0.72%
Our prior and false rationale for selecting it: It is four times better than “Contact Us”. NO.
- When looking at the comparison of colors, also measured by click rate, red clearly wins over blue, in these case, 9.76% and 2.69% is much better than 3.71% and 0.72%.
- The assessment of “best” changes, though, when looking at the end goal, which is submissions of contact information on the landing page: Here, the winner by a large margin, is the red “Contact Us," even though it is getting fewer clicks than both of the Getting Started CTAs.
- While we can’t “know” for certain, a strong hypothesis is that getting started is not equated to getting in touch with us. And while it is attractive to get started, many of those weren't ready to actually contact us and didn’t fill in the Contact Us form. In future tests, this might spark some self-service solutions.
- Contacting a business is a bit of a steeper hurdle than getting started, and that explains the fewer clicks on a Contact Us button. However, at some point the Contact Us page is truly aligned with the Contact Us CTA, which leads to better results, i.e., the Contact Us CTA acts as an initial pre-qualification.
The core conclusion is not that this particular text or color is better than the other and you should change your CTAs in this same way. But if you do, let us know in the comments how you are faring.
Assume less, test and measure more – as much as you can to explore every reasonable variation – and see what CTA improvements you can drive for your specific situation through positioning, color, and message.
Oh, and if you'd like to discuss possibilities to improve your conversions, we’re only a CTA click away. Wanna get started?