Skip to main content
Services
TAYA

They Ask, You Answer Mastery

A coaching & training program that drives unmatched sales & marketing results.

Sales

Sales Performance Mastery

Improve the competencies and close rates of your sales organization.

Web design

Website Mastery

Web design, development & training for your team.

HubSpot

HubSpot Mastery

Everything you need to get the most from HubSpot.

AI Mastery

AI Enablement Mastery

Unlock the power of AI in all aspects of your revenue operations.

Discover how IMPACT’s services can help take your business to the next level. Book a free 30-minute coaching session Book a free 30-minute coaching session
Learning Center
Learning Center

Learning Center

Free resources to help you improve the way you market, sell and grow your business.

[NEW] The Endless Customers Podcast is now available everywhere. Learn how to earn trust & win more customers in the age of AI. Listen Now Listen Now

Free: Assessment Does your website build trust with buyers and bring in revenue?

Close

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.
Christine Austin

By Christine Austin

Nov 17, 2015

Topics:

Web Design
Subscribe
Join 40,000+ sales and marketing pros who receive our weekly newsletter.

Get the most relevant, actionable digital sales and marketing insights you need to make smarter decisions faster... all in under five minutes.

Thanks, stay tuned for our upcoming edition.
Web Design

Secrets to Persuading People to Click & Convert on Your Calls-to-Action

Christine Austin

By Christine Austin

Nov 17, 2015

Secrets to Persuading People to Click & Convert on Your Calls-to-Action

cta-heroCreating a killer call-to-action can be the key to getting users to subscribe to your blog, register for your webinar, and/or request a consultation or demo.

I would even go so far as to say that you cannot have a successfully performing website without CTAs that are clear, concise, and enticing.

When you manage to optmize your calls-to-action, you have the ability to directly affect their attention and decision making on whatever page they’re on.

Developing the best CTAs come from understanding your user's behavior, creating attractive designs, and writing enticing copy.

Now that we have the underlying concepts that make a great CTA, let's look at these ingredients more in depth and review some case studies that have utilized them in their own optimization processes.

Research How Your Users Behave

Before you start changing all your CTA colors to the most intense neon orange you can find and upping font size to 70px, you first need to develop a solid understanding of how users move throughout your site and what cues they typically react to.

Users can interact with your site in a number of different ways. For example, some will want to learn about your company and see if your services solve their pain points, while others will search for resources in the hopes of educating themselves on certain topics.

While your users may find what they are looking for, your CTA may actually be difficult for the users to understand, ultimately deterring them from converting on that page.

To help solve for this you need to understand what persuades your users to click. This can be figured out by interviewing the customers and asking them questions concerning the elements of your site. If you find you don’t have a solid understanding of what type of user you want to focus on attracting, try utilizing a personas creative tool so you at least develop an understanding of what an ideal customer for you looks like.

As for those CTAs you currently have throughout your site, you’ll first need to figure out where their stats stand so you have something to compare when you test your new CTAs.

For those who have HubSpot, you can easily retrieve these statistics within their software. If you aren’t on HubSpot, you can integrate Google Analytics and set up event tracking on your buttons. If you’re a Wordpress user, you can incorporate a CTA plugin where you can create and track your CTAs in a visual interface.

After you have accumulated a fair amount of stats on the CTAs you plan on changing, you can begin to combine them with the information you learned from your research to start redesigning your CTAs.

Understand and Implement Design Traits of a Successful CTA

There's a variety of design attributes you can implement when altering your CTA including (but not limited to):

  • Color
  • Button Size and Shape
  • Font Size
  • Font style
  • Placement (both on the page itself and on the site as a whole)
  • Interactions (hover state, movement on page load, etc)

When creating your new CTA, you need to make sure it’s substantial enough to call the user’s attention. This can traditionally be done by utilizing a contrasting color from your site, a clear and strong font, specific placement, and actionable content (but we will touch on that in a bit). For now, let’s take a look at a couple case studies to see how they addressed their CTA dilemmas.

Before being acquired by HubSpot, Performable tested whether or not a change in their button color from green to red on their homepage would demonstrate an increase in conversion rate.

cta-personable

 

When changed to red, they found that 21% more people clicked on the red button than the green one, no doubt because red had a more intense presence than the green did.

Another interesting case study to look at is The Vineyard, a luxury Hotel stationed in London. In the past, the website had a ‘booking online’ link at the bottom of the page which was incorporated into the content. To bring more attention to it, they created a ‘booking online’ CTA at the top of where the content started with a burgundy background and large, distinct capitalized font.

cta-hotels

Moving the CTA and making it more distinct ended up increasing their conversions by 32.12% which goes to show how visual differences will draw the user's attention and aid in converting them on the page.

Now that we see the power that design changes can have on a CTA, let’s take a look at how CTA language plays into the mix.

Your Copy Speaks for Itself

Your copy illustrates the driving action your users should complete on whatever page they are on. If the content doesn't properly describe what you users will plan on getting once they click through, then your users may end up avoiding converting on the page since they don’t feel a sense of desire to get what you're promoting.

You need to write CTA copy that’s desirable for the user to click, contextually makes sense, and stands out from the rest of the content on the page.

Visual Website Optimizer's homepage displays a perfect example of how incorporating proper copy helps drive users to convert. Besides the visual contrast the orange button creates against the purple, the content of it offers more information than just a traditional ‘sign up’. Adding in ‘free’ shows the user they have the opportunity to test the software before they make a full commitment to it.

cta-vwb
 

VWO even placed sub-content below the button specifying that the user doesn't need a credit card for the sign up which adds more reassurance on the user’s end that they can choose to buy the product on their own time.

Treehouse is another excellent example of a website with an above-the-fold CTA that draws your eye right into the content. Rather than implementing a CTA advertising a free trial, they invite the user to see how Treehouse will teach the user. This gives the user a chance to learn about how the product works before even fully test driving it themselves.

cta-treehouse

By combing your research with the elements of design and concise and actionable copy, you should be able to build CTAs that are ready to convert like crazy. Unfortunately, we sometimes don’t hit the nail on the head and our CTAs actually do the same, or even worse, than our previous versions.

With this in mind, there's one final component you need to implement to create the best CTA you can.

A/B Testing and Tweaking

It's important to realize your CTAs are never perfect, regardless if they perform exceptionally or flop like a fish. This is why it’s critical you run testing variations on your CTAs to develop and understand what styles and wording facilitate the most conversions from your visitors.

Tools such as Visual Website Optimizer, Optimizely, or Adobe Target can help you create variants of your page while monitoring its statistics so you can A/B test your CTAs to their hearts content until you get satisfying results (just don’t let it go to your head!).

 

Improve the performance of every CTA on your website

Fill out the form below for revealing data on why people click and convert.

“Generate

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.

Related Articles

20 Value Proposition Examples that Every Marketer Can Learn From in 2024

January 18, 2024
John Becker John Becker

HubSpot vs WordPress: Which is Better for Your Business Website?

January 11, 2024
Vin Gaeta Vin Gaeta

5 Examples of Companies with Great Multi-Brand Websites

January 7, 2024
John Becker John Becker

Website Conversions in 2024 — STOP, START, KEEP

December 25, 2023
Vin Gaeta Vin Gaeta

10 Pricing Page Examples for Business Websites (Updated for 2024)

November 30, 2023
Connor DeLaney Connor DeLaney

The Hidden Costs of a Cheap Website

November 29, 2023
Vin Gaeta Vin Gaeta

The Website Experience Your Customers Are Yearning For

November 27, 2023
Mary Brown Mary Brown

10 Examples of Company Profile Pages to Inspire Yours

November 22, 2023
John Becker John Becker

Is It Time for an AI-powered Chatbot on Your Website?

November 21, 2023
Will Smith Will Smith

Think of Your Business as ‘E-Commerce’ — No Matter What You Sell

November 15, 2023
John Becker John Becker

8 of the Best Business Website Designs to Inspire You in 2024

November 1, 2023
John Becker John Becker

Your Website in 2024: The Future of Trends, Tech, and Traffic

November 1, 2023
Vin Gaeta Vin Gaeta

Create Better Website Videos by Avoiding These 3 Mistakes

October 25, 2023
Christine Austin Christine Austin

4 Ways To Recession-proof Your Website In 2024

October 22, 2023
Marcus Sheridan Marcus Sheridan

Business Leaders: Do You ‘Own’ Your Own Website?

October 16, 2023
Mary Brown Mary Brown

8 Best Content Management Systems for Digital Marketing in 2024

October 1, 2023
Christine Austin Christine Austin

Can I Use AI Tools To Build My New Website?

September 18, 2023
Vin Gaeta Vin Gaeta

What Is a 'Learning Center' and Why Does My Website Need One?

September 14, 2023
John Becker John Becker

What Does a Great Inbound Marketing Website Look Like in 2024?

August 8, 2023
Christine Austin Christine Austin

How Much Does a Website Redesign Cost in 2024?

July 20, 2023
Vin Gaeta Vin Gaeta

Do You Need a New Website? Maybe Not

July 19, 2023
Vin Gaeta Vin Gaeta

14 Award-Winning Website Designs (& What They Did Right)

July 17, 2023
Christine Austin Christine Austin

What a New Self-Selection Tool for Your Website Will Cost

July 13, 2023
John Becker John Becker

9 Self-Service Tools to Inspire Your Business Website

July 10, 2023
John Becker John Becker

Your Website Strategy Must Include These 6 Things

March 20, 2023
Mary Brown Mary Brown