Which one of these two call-to-action buttons looks compelling?

Know More


Yes, I Want To Know More


The second one, of course.

A good CTA button is much more than just about navigating visitors from one page to another.

In itself, it should be compelling enough to hook people’s attention and get them to take that action.

It’s not easy, sure.

But with the right approach, you can make it happen.

And that’s exactly what this post will teach you…

Good CTA Button Button Best Practices to Increase Conversion Rate

Here are 9 actionable tips on how to create CTA button that increases your conversion rate to newer heights:

1. Cut The Clutter

Open Mile did a study. They found that reducing the clutter around the CTA boosted their conversion rate by 232 percent.

So, have enough whitespace around your call-to-action button.

Avoid the distractions around it.

Make sure the CTA looks visible, clean and organized.

Kill the crowd.

2. The Size Does Matter

There’s no hard rule as to what should be the size of your CTA button.

But it sure is something quite important in grabbing attention and convincing people to convert.

When deciding on the size, make sure it complements the other elements on the page as well (including the size of the font).

The key is to make the size of CTA big enough that it stands out on the page, drawing significant attention.

The average size of a CTA button is 47.9 pixels.

3. Paint It Right

Generally, the color of your CTA button should match the aesthetic of your brand logo.

However, you might still want to test with different shades to see which one is more impactful.

After all, along with the size, the color is equally important in attracting attention.

Performable tested the color of their CTA button on the homepage. They found the red button got 29 percent more clicks vs. a green button.

Similarly, in their own case study, SAP found that orange call-to-action increased their conversion rate by 32.5 percent.

Do test with the color of your CTAs a few times. See which one brings you high conversion.

When testing, also consider the psychology of colors and what they convey.

Good CTA Button Button Best Practices to Increase Conversion Rate

(Source)

4. Make The Button Look Stylish

Aside from its size and color, there are a few other things you can do with the CTA button to make it more appealing.

There are ways to stylize it.

You can try plenty of different hover-over effects. Like…

Your Call to Action


Or this…

Your Call to Action


Or this!

Your Call To Action


This one is my favorite!

Your Call to Action


You can copy-paste the code of these hover-over effects from here.

5. The First-Person Personalization

Personalized calls to action convert 202 percent better.

Moreover, it’s even better if the personalization is in first-person.

Michael Aagaard explains in an article on Unbounce that changing “Start your free 30 day trial” to “Start my free30 day trial” increased their click-through rate by 90 percent.

Good CTA Button Button Best Practices to Increase Conversion Rate

So, ditch the boring “Click Here” and “Register”.

Personalize it with more context. Replace “You” and “Your” with “I” and “My”. It is one of the CTA button copy best practices.

Note: Of course, you should keep an eye on your CTA button length. You don’t want it to be too long.

6. Ensure It Looks Like a Clickable Button

This whole post is about how to create CTA button that converts – “CTA button”. Meaning, I am talking about a button and not anchor text.

But if it wasn’t already clear, let this point make it…

You want your CTA to look like a clickable button.

CreateDebate found that making their CTA look like a button increased their clicks by 45 percent.

7. Have It Positioned Well

Depending on the size of the page, you should have multiple CTA buttons throughout the page that have the same objective.

One should be placed above the fold. And one should be at the bottom of the page.

Here’s a simple rule…

Good CTA Button Button Best Practices to Increase Conversion Rate

If what you’re offering is complex and requires time to explain, your bottom of the page CTA would be more effective. If it’s simple and doesn’t require explanation, above the fold CTA would do the trick.

If you want to learn more about best practices for the CTA button position, Zoho has a very thorough piece on this. Check it out here.

Recommended Read: Above The Fold Content Optimization: 16 Best Practices

8. Use Some “Power Words”

It’s no secret that some words are more powerful and convincing vs. the others.

In your CTA button copy, you want to use these power words.

“Free” “Instantly” “Exclusive” “Brilliant” these sound powerful, do they not?

Here are 108 power words compiled by Sleeknote that would help you make your CTA button phrases more impactful:

Good CTA Button Button Best Practices to Increase Conversion Rate

9. Create Some Urgency

We all have massive FOMO. Your target audience does too.

Use this fear of missing out to your own advantage.

Limited-time or deadline-based offers convert so much better. There’s a reason why Amazon bets heavy on this!

“Get It Before Offer Expires” “{Price} (Limited-Time Deal)”

“Now” “Today” “Expires Soon” “Don’t Miss Out”

There are several words and CTA button phrases that you can use to trigger visitors to take action.

A countdown timer accompanying the button is even better…



Two Important Things To Have

Know that for your CTA button to work and drive conversion, you need to do two most fundamental things correctly…

(i) You need your landing page copy to be relevant, interesting and compelling.

If what you’re saying on the page isn’t good, your CTA button will not help. Period.

(ii) Your landing page should perform well to deliver visitors good user experience.

Foremost, it must load fast. Second, it should be mobile-friendly. Third, there are should be adequate and relevant navigations.

In short, the landing page performance should be great.

If your landing page has these two components, only then will your killer CTA button do its job optimally.

Do It Now

Now you know how to create CTA button that drives higher conversion, whadya waiting for?!

Do it.

Improve your call-to-action game and increase your conversion rate.

P.S. If you’re looking for how to create a CTA button in Photoshop, check out this video by 99designs…


P.S.S. If you’re wondering how to make a CTA button in HTML and CSS, use Best CSS Button Generator.

And oh, if you have the time, give this post a read: 5 Data-Driven Lead Generation Hacks (You Must Use in 2020)

I believe the post will bring you a lot of value if you’re trying to generate more leads.

(If you don’t have the time, bookmark the URL! :))

That’s all for now.

All the best!
Asif Ali

The brain behind Spell Out Marketing. A certified content marketer and professional blogger with 5+ years experience in the domain. Find me on Medium here. Let's talk about inbound marketing, business and side hustle on Twitter.