Skip to content
  • Adobe Commerce & Magento

    Adobe Commerce B2B

    Hyva icon

    Hyvä for Adobe Commerce and Magento

    Magento for B2B

    Portal - B2B Accelerator

    Adobe Commerce and Magento Support

    Ecommerce Consultancy

    Adobe Commerce and Magento Integrations

  • Ecommerce Marketing

    PPC for B2B

    PPC for Retail

    Paid Social

  • Work
  • About Us

    Partners

    Careers

  • News & Insights

    News & Insights

    Reports

    Resources

  • Contact
  • Adobe Commerce & Magento

    Adobe Commerce B2B

    Magento for B2B

    Hyva icon

    Hyvä for Adobe Commerce and Magento

    Portal - B2B Accelerator

    Adobe Commerce and Magento Support

    Adobe Commerce and Magento Integrations

    Ecommerce Consultancy

  • Ecommerce Marketing

    PPC for B2B

    PPC for Retail

    Paid Social

  • Work
  • About Us

    Partners

    Careers

  • News & Insights

    News & Insights

    Reports

    Resources

  • Contact

A Beginner’s Guide to Call-to-Action Button Optimisation

CRO
Picture of Adam Hindle

Adam Hindle

Managing Director

Date

09/10/2016

A clear, well-designed call-to-action (CTA) button is a crucial piece of the conversion rate optimisation puzzle. It is the stepping stone that takes users towards your end conversion goal. Without an effective CTA button, visitors to your site will get lost (and leave) quickly.

Unfortunately, not enough small businesses know how to harness the power of an effective CTA. The result? A high bounce rate and low conversion rate – not an ideal combination for any business. If your conversion rate has fallen flat, check out these clever tips to ensure your CTA is working hard to drive conversions on your site.

1. Experiment with colours

Ideally, your CTA button should stand out from the rest of the content on your website. You don’t have to choose a bright, neon colour to make sure it gets noticed though. Instead, take a look at your site’s colour scheme and think about which colours would stand out against it without looking too brash or bold. For example, if your website’s colour scheme is black, white and light grey, a neon yellow CTA button would definitely clash and be hugely unappealing to browsers. A green or red button, however, would work well.

Which colours work best?

Does colour really matter? The short answer to this questions is yes. Countless studies have shown that colours can dramatically affect conversions. In addition to being attention grabbing, CTA buttons also help guide browsers towards your desired conversion goal. The best colours for CTA buttons stand out without clashing with the design theme. There is no one ‘best’ colour for CTA buttons because the ‘best’ colour depends on the existing colour scheme of a website.

2. Stand out

The internet is overflowing with CTA buttons. No matter where we go online, it seems as though we are routinely bombarded with the command to enter our email addresses and unlock hidden content or exclusive access. Unfortunately, the problem marketers are now discovering is that people are becoming increasingly immune to the standard CTA buttons and it’s becoming harder and harder to get people to click them.

Why won’t you click me?

People who are regularly exposed to the same generic style of TV and magazine ads have a tendency to be able to ‘switch off’ and ignore the ads in front of them. Online shoppers are no different; unless a CTA stands out and demands attention, it’s at risk of getting lost and overlooked by browsers. If you want to guarantee clicks on your CTA buttons, you’ll need to get creative and experiment. Experiment with different phrases, colours and even the shape of your button until you’re left with a highly clickable look that people can’t resist.

3. Stay above the fold

When it comes to CTAs, positioning matters. When scanning a web page online, most people begin by reading across the site in a horizontal movement. This makes placing your CTA button just above the fold (the area at the top of the webpage that’s visible without scrolling down) one of the simplest (and best) design decisions you can make.

Why stay above the fold?

Hundreds of studies have been carried out to assess the ‘viewability’ of content and advertisements displayed above and below the fold online. Time after time, it has been shown that users only scroll when there’s a reason to. Scrolling is an extra task to be completed, one that people are reluctant to take if their attention isn’t immediately grabbed by whatever is above the fold. By placing your CTA button above the fold, you’re not at the mercy of the ‘fold scroll’.

4. Bigger isn’t always better

It’s important to think about the size of CTA buttons. Too large, and you risk making consumers feel pressured to click and convert. Too small, and you run the risk of shoppers failing to realise that the button is a clickable element of the page. Think big, but not HUGE. It’s a good idea to experiment with the size of until you’re confident you’ve got it just right.

Let Fluid Digital Supercharge your conversions

At Fluid Digital, our team of specialist developers and designers know exactly what it takes to create engaging, effective ecommerce websites that drive conversions. To find out how we can help you take your business further with one of our award-winning Magento E-commerce websites, get in touch with our team today. Call 0161 762 4920 or complete an online enquiry form. We’re ready and waiting to help you.

How the landscape is changing for B2B ecommerce
In this article, our technical director Matt Edwards talks about how the landscape is changing for the B2B ecommerce sector....
Read

What is Hyvä Commerce? A short but powerful history

Read

Adobe Commerce SaaS – What we know so far

Read
See all posts

Want an experienced Adobe partner by your side?

Book a free discovery call

Discover how Fluid Commerce can give your business the advantage
Share your digital objectives and pain points
Learn more about our approach and expertise
Discuss timeframes and budgets

Manchester HQ
Colony Jactin House, 24 Hood St, Manchester, M4 6WX

London
White Collar Factory, 1 Old Street Yard, London, EC1Y 8AF

0161 762 4920
[email protected]

Services
  • Adobe Commerce for B2B
  • Magento for B2B
  • Hyvä
  • Adobe Commerce and Magento Support
  • PPC for B2B Ecommerce
  • PPC for Retail Ecommerce
  • Paid Social for Ecommerce
Recent Work

Pearson Hydraulics

Salon Business Solutions

Rayware

Gecko Jewellery

Fletcher Stewart

Company
  • Home
  • About Us
  • News & Insights
  • Contact

© Fluid Commerce Limited | Registered in England No. 07026218 | Terms | Data | Privacy Policy

Facebook Instagram Twitter Linkedin