CTAs

Secrets of Successful CTA Buttons

By

Calls to Action, also called CTAs, can make or break your website’s conversions. Different factors like placement, size, and color of CTA buttons all play a role in how successful they are. These factors are explored below, giving you a guideline to follow on how to make your CTAs as impactful as possible.

Small changes matter

  • A simple CTA button change increased monthly revenue by 16% for Lifeproof.
  • HubSpot increased subscribers by 128% in a 90 day period by using blog opt-in boxes (which are essentially CTAs) on dedicated landing pages.

Be picky with what color you choose

  • A European ecommerce brand saw a 35.81% increase in conversion by changing the button color from blue to green on their product landing pages.
  • The SEO Blog Matthew Woodward grew his click-through rate by more than 10% simply by changing the color of a single button.

Amount of CTAs

  • Having more than one CTA button in the same screen can decrease conversions.

Location of CTAs

  • You can expect different conversion rates of CTAs depending on their location: sidebar (0.5 – 1.5%), pop-ups (1 – 8%), sliders and bars (1 – 5%), welcome gates (10 – 25%)
  • Google research shows the best place for a CTA button is “above the fold” of a page, but closer to the bottom than the top of this area. They’re better off after text but before scrolling is necessary for them to be seen.
  • Google penalizes pages that show full-screen popups on mobile that interrupt the user experience.

Still don’t know know where to start?

Here are some recommendations that could help you see different results. Remember, every business is different so you have to test these out and see what works best for you.

✔️  Have a direct and/or indirect CTA button(s) in the main menu. Highlight it/them so that they stand out.

✔️  Place your direct and/or indirect CTA button(s) in the hero section, about 2/3 of the way down the first screen (above the fold).

✔️  Repeat your call(s) to action in a section lower on the homepage, and in the footer.

✔️  Your CTA buttons should have a contrasting color and it should be the obvious button to press.

✔️  Use popups and opt-in boxes, but use them intelligently. Popups on mobile should take no more than 15% of the screen.

If you want to learn more about effective CTAs, a good reference book is Building a Story Brand which details how to create the most effective messaging for websites, brochures, and social media (and the rest of the book is also great).

 

I challenge you to put yourself in the consumer’s shoes. As you shop online for yourself this week, take note of which CTA buttons you click and which ones you ignore. You just may find out a better way to structure your own CTA buttons.

 


Sources

Matt

Author Matt

More posts by Matt
test

Join the discussion 12 Comments

  • Michael says:

    Thanks for the post – I need to do some more thought on where we place them (sidebar or center of post) on a few of our blog posts!

    • Matt says:

      I’m glad this article triggered some thinking for your blog! Cheers.

  • Bogdan says:

    some people say focusing on CTAs is a bit overhyped, but you do bring some good arguments in this post. We recently updated the CTAs on our blog and managed to get more people clicking through to other pages from our site. We found it helps a lot with lowering our bounce rate.

    • Matt says:

      Thank you Bogdan for sharing! I’ll check out your blog : )

  • Moe Arora says:

    Great post! I like the idea of multi-step CTA’s as well…to get them to make micro-commitments. Any thoughts on those?

    • Matt says:

      Would you mind giving me an example of what you mean by multi-step CTA’s, so I’m clear?

  • David says:

    Very interesting how important color is to conversion. I didn’t expect it to be that critical!

    • Matt says:

      Thank you David for your comment! Bottom line is … test everything : )

  • Kiri says:

    A great summary of all the possible levers to test here, thank you! I noticed your “submit comment” button here is bright green, now I’m wondering if that has a CTA test behind it. 🙂

    • Matt says:

      Haha, actually no, I haven’t had time to set up tests for this site, but I’m in the process of updating the site with a new design and more information, so after I’m done with that I’ll start testing and optimizing.

  • Some golden nuggets here! Thanks for the mention!

Leave a Reply