Three Visual Examples Of Effective Call To Action Buttons
I recently happened upon three examples of pages displaying excellent, well-designed Call To Action (CTA) buttons.
A CTA simply tells your website visitors to do what you want them to do.
When a CTA visually stands out from the rest of your web page's content, your visitors' eyes are drawn directly to that CTA, making it less likely they'll miss it and more likely they'll take the action you want them to take.
Three great examples
Each screenshot below shows a CTA button that visually pops out from the rest of the page's content. There's just no missing them.
Additionally, the visual design of the buttons makes it extremely obvious that each one is clickable. (As we shared as the very first tip in a blog post last October, making it painfully obvious what's clickable is an immediate way to improve the effectiveness of your website.)
Take a look at these 3 green CTA buttons that “pop” out from their respective web pages…
Example #1:
Example #2:
Example #3:
One thing that could have (potentially) been better
It's typically a best practice to use an action verb in your CTAs.
So, instead of using text that reads “Free Download“, a best practice to potentially increase the CTA's effectiveness would be to use something along the lines of “Download Firefox Now!“. (However, only running an A/B test comparing two different versions of the buttons would determine which would be more effective. )
Your (easy) homework for today
Take 60 seconds to click through your company's website. Answer the following 2 questions as honestly as possible:
- Do you have Calls To Action in your website that explicitly tell your visitors what they should be doing?
- Do your Calls To Action visually “pop” on your pages so that your website visitors can't possibly miss them?
We recommend talking to your web agency if you answered no to either question.