How to create effective call-to-action buttons

How to create effective call-to-action buttons

Have you ever tried to convert visitors to customers on your website? If so, you’ll know how difficult it is. So what do you do? This post will tell you what you need to know to improve your call-to-action buttons on your website. 

Businesses who want to succeed online ought to know about converting leads into customers. The call-to-action buttons on a web page is one of the most important features. To convert incoming traffic into leads you will need to improve their effectiveness. Below are some top tips to spark your creativity in creating good calls-to-action.

Keep the call to action buttons above the fold

Make the call to action button stand out on the page, use strongly contrasting colour as these will perform better. Use colours that suggest warmth such as red and orange, these will appear larger to your visitors than colour suggesting coldness such as blue. Large buttons get noticed more on websites. If you are creating a button to use a good size is 225px wide and 45px high.

Call to action buttons example

You don’t need a button to create contrast

Simply change the font colour so that it stands out on the page. It is important to create the right context and make sure the text in the call to action is relevant to the content on the page. Describe what the user will receive and reveal details of an incentive for example “Get started now -> sign up in 60 seconds” Customise this incentive to the needs of your users in order to encourage them to take the next step for example “Try it free – No credit card needed!”.

Call to action buttons example

List the benefits of a call to action

The call to action should match the information on the page where it is located and should convey a clear message. It should convey the answer to the question, “What is in it for me?”. To do this you should list the top three benefits of your offer in order of importance. To ensure that your visitors go to the next step, testimonials are always a strong motivator.


  • Make your call-to-action clear and concise
  • Create urgency within your call to action
  • Place the call-to-action above the fold
  • Make it engaging and action orientated
  • Include a relevant image
  • Align the call-to-action with its landing page

At Hutchhouse we believe that the user experience is the foundation of all good sites. We focus on designing strong call to actions throughout your website. If your users can find what they want as efficiently and intuitively as possible then the results – whatever they may be – will speak for themselves. Find out more If you like our post why not join us for a Free Webinar: Responsive Web Design. Are you losing potential from your website because some visitors are turned away by a user experience that does not suit their mobile or tablet device? This is a question that every website owner should be asking themselves.