linkidin instagram twitter

12

Nov

Do’s & Don’ts of Call-to-action buttons

Call-to-actions (CTAs) are crucial to guiding a visitor around your site and leading them to take a desired action.

Whether you define conversion as a “call me back” enquiry, registering for an event, subscribing to a mailing list or purchasing a product, encouraging users towards your conversion goal is key.

But believe it or not, just plonking a button on a page does not cut the mustard. Indeed, not all CTA buttons are effective at guiding a user along your desired marketing funnel. In our years of website design and development, we’ve seen a fair few CTAs that leave a lot to be desired.

Therefore, we have noted our Dos and Donts of CTAs to hopefully spread the word of CTA best practices.
 

DO NOT hide your CTAs

This completely defeats the point of calling for action! CTAs should be BIG and BOLD. Also, considering placement of them should be a thought through decision as CTAs are pointless if no now sees them! We advise having your first CTA above the fold so it is directly in a user’s eye-line when they use the page.  Also CTAs throughout each page enable a visitor to direct to another part of the site when they find a relevant sign post.
 

DO NOT use similar colours for your CTAs as the rest of the page

The entire point of CTAs is for them to grab your user’s attention to encourage them to delve further into your website. Therefore, using colours that are similar to the background breaks the rules for call-to-actions as they will blend into the page rather than standing out. Use bold contrasting colours so that the buttons pop out to a visitor and increase likelihood of click-throughs.
 

DO NOT ignore your CTA design

There is no excuse for dull Call-to-action button design as there are limitless interactions that can happen upon hovering on a button. Making your buttons interactive assists them in being enticing to the visitor. The dynamic nature of CTAs can even help extend your brand’s personality by choosing an engaging interaction that reflects your brand identity.
 

DO NOT be too wordy

Why? Because your CTA’s need to be the short punchy elements to direct your user around the site. You need to capture the prospect’s attention as concisely as possible. Keep your CTAs short, simple and to the point.
 

DO NOT use passive language

DO use enticing and/or actionable words and phrases. You can convey the action you want your user to do. Example DOWNLOAD TODAY states, if not demands attention and click throughs.
 

DO NOT link CTAs to your homepage

This is a waste! Why? Because your CTAs are for funnelling your user to the specific area(s) of the site you want them to interact with. Sending them to the Homepage therefore defeats the point of CTAs because a Homepage of a site is often an overview of the entirety of the site’s key features increasing the amount of choice that a visitor gets rather than guiding them to your dedicated pages.
 

DO NOT forget that CTAs alone don’t convert

CTA’s are a great tool to encourage users to move around the site, so make sure the pages you are sending them to are strong in terms of text content and design.

Whilst offering a smooth user journey including CTAs is important , it is largely the content of your site that validates whether you are a company that is worth recognition in your marketplace. It is crucial to showcase what you’ve done and what you know > using testimonials, case studies and industry news are a few of our favourite suggestions of how to include strong content.

Similarly, attractive design with impressive features will help you build a convincing case as to why a user should engage with your brand. The Call-to-actions should contribute to an overall design that is impactful and reflects your brand effectively.

By validating your proposition with both strong content and good deign, users are more likely to recognise you as worth engaging with and the rank you as a serious contender in your industry.
 

So, as a summary, our list of DOs for Call-to-action buttons:

> Put CTAs in your user’s eyeliner

> Make them big and bold

> Use colours that pack some punch

> Include dynamic interactions

> Use action-focussed, compelling text

> Ensure your CTAs direct users to attractive, content rich pages

So with all this information and advice, there is no excuse to have naff excuses of call-to-action buttons on your site anymore.

A benefit of using a web design and development agency for your website is that you have this knowledge and expertise naturally applied to your project. If you have an upcoming web project that you’d like to discuss with us please get in contact or send us your brief.
 



Let’s talk!

Send us your brief

and calculate your budget and timescale

Start