9 Best Practices For Creating A Killer CTA Button [INFOGRAPHIC]

Cta button best practices 2016CTA buttons – or buttons on your website that push the visitor to take action (i.e., a “Call to Action“) are tricky little things.

They seem so simple. So straightforward.

But a year or two ago, I had my eyes opened to the crazy power of a really, really good call-to-action button.

Back then, I ran this series of experiments – it was a bunch of button tests done in July and August.

The reason I decided to focus nearly a dozen split tests on buttons alone was not just because buttons are insanely easy to test.

(After all, you can’t convert online without clicking a button. So measuring a button’s success or failure is pretty direct – total straight-line.)

I focused on CTA buttons because they’re so overlooked as to be mocked.

People joke about button color tests like they’re stupid.

They act like CTA split testing is pointless. But it’s not.

Because although the color of a button is unlikely to persuade a prospect to take action (hence, the term often used for buttons on websites – or “calls to action”)… your call to action is a core part of UX and UI design – it directly impacts conversion.

The copy you put on your CTA button can amplify or destroy its click-worthiness.

And how visible or invisible your button is on the page will – without question – affect whether or not it gets clicked.

3 important facts all digital design and online marketing experts should already know:

  1. You cannot convert online without clicking a button.
  2. Which makes buttons the SITE of conversion.
  3. Which makes buttons worthy of not just a little of our effort but a lot of it.

I’ve devoted entire conference presentations to the power of buttons. (Perhaps most notably on the stage of Copyblogger’s Authority Intensive.)

Buttons are a big deal. You need to make yours better.

How to Design a Better CTA Button In 9 Easy Steps

CTA buttons can make or break the effectiveness of ANY page on your website. They can make or break your conversion rates. And if those two points are true, then by default – they can make or break your business.

So give every CTA button you create the attention it deserves. Here’s how…

Step 1 – Think Call To Value

It’s not about what your prospect needs to do – it’s about what they are going to get when they click the button. For instance, a 10-day free trial if they click the button below…

Try It For Free!

Step 2 – Use Power Words

Is your first word a power word? Does it visually catch attention and create a desire to perform an action?  

Make it happen.

FREE! Start Your Trial Now

Step 3 – Reduce Friction

When creating a CTA button, you absolutely MUST reduce any and all perceptions of work!

Replace words that suggest effort with words that feel like life will be made easier.

Get the Free PDF Roadmap »

Step 4 – Clickability

You should always make sure your CTA button looks clickable. Avoid grey or similar color backgrounds, which can make your CTA button look disabled.

Swipe The 7 Pre-Launch “Must-Haves” Ebook »

Step 5 – Color

Choose a contrasting action color. Your action color shouldn’t be a color in your original brand guidelines (even if your brand manager has a fit).

Step 6 – Distinction

If other CTA buttons are placed nearby on a Home Page or Pricing Page – make sure the CTA button you’re optimizing is distinct from the others (i.e., use a different action color than its counterpart).

Step 7 – Iconography

Still not getting clicks on your CTA button? Try adding an icon or a symbol to catch the visitor’s eye.

Step 8 – Be Specific With CTAs

You may know what’s on the other side of your CTA button – but your prospects don’t.

Wherever and whenever possible, try to use supporting copy to neutralize a visitor’s anxieties about the next step.

Swipe The 7 Pre-Launch “Must-Haves” Ebook »

Step 9 – Keep It Simple

Be careful not to “over-optimize” your CTA button – for example, avoid adding extra messages or icons that could introduce some type of anxiety to your prospects.

NEXT: Download The Free Infographic!

Cta button best practices 2016

Grab The FREE Infographic »

Source link

#codango #developer #development #coder #coding

We're happy to share this resource that we found. The content displayed on this page is property of it's original author and/or their organization.


Leave a Reply

Your email address will not be published. Required fields are marked *