CTAs

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

Be picky with what color you choose

Amount of CTAs

Location of CTAs

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

12 Responses

  1. 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!

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

  2. 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.

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

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

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

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

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

  5. 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. 🙂

    1. 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.

Leave a Reply

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