Do’s and don’ts of CTAs for eCommerce websites

Do’s and don’ts of call-to-actions for eCommerce. Call-to-actions (CTAs) are crucial to guiding a visitor around your eCommerce website and leading them to take a desired action.

Whether you define conversion as a sale, an 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 Call-to-action (CTA) buttons are effective at guiding a user along your desired marketing funnel. In our years of all types of website design and development, such as eCommerce, we’ve seen a fair few CTAs that leave a lot to be desired.

So, what exactly are the do’s and don’ts of call-to-actions for eCommerce?

Call To Action Top

Therefore, we have noted our do’s and don’ts of call-to-actions for an eCommerce website to hopefully spread the word of CTA best practices for an effective eCommerce website.

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 the 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

CTA Colour Contrast 02

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 designCta Design 03

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 will assist 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 wordyCall To Action Buttons Wordy 04

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

Cta Passive Language 05

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! 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 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 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 CTA 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 of Dos and don’ts of call-to-actions for an eCommerce website, 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

A benefit of using a web design and development agency for your eCommerce 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.

woo-commerce big-commerce shopify Google Partner Meta Square TikTok