Get More Customers With A Website Call To Action (CTA) Button

I learned this exercise from a mentor of mine, James Schramko: If you could wave a magic wand and get more of your best customers, what would that look like?

It is useful to first imagine what you really want if anything were possible. And then work out the steps to achieve that.

A lot of business owners think that they need to have a phone number on the top of their website, even if they don’t actually want more phone calls.

Conversely, if all you really want is more phone calls, there is no need to highlight any other contact methods.

So first identify what you really want customers to do, and then guide website visitors to that result.

Identify your primary CTA and consolidate offers

It’s important not give people too many options at once. If you have a lot of things to offer them, establish a hierarchy for these offer on the page.

Identify what is your ‘Primary CTA’, this should be targeted to first-time visitors, and should directly lead them to becoming a paying customer. This is the CTA you will use site-wide.

This is because the majority of website visitors will be first-timers, and they are less familiar with you and what you have to offer.

And in most cases you should guide people directly to giving you money on your main website, not make them sign up for free stuff first. If they don’t go for the money offer, THEN you offer them something free.

Other offers should be given less prominence or featured lower down the page (perhaps in a Footer CTA section), things such as: lead magnets, secondary products, for smaller sections of the market or better suited to existing customers.

People familiar with you, or coming back to your website will spend more time looking on the page what something they know you have.

What Make An Effective Call To Action Button?

  1. Intuitive Site-wide Button Position
    The top-right corner of the screen on desktop is where people expect the ‘next step’ to be, there eyes will gravitate there naturally. On mobile, having it sit across the top of the screen is normal, but also the bottom of the screen works well and is easier to reach with your thumb.
  2. Sticky or Floating Element
    Using a ‘sticky’ or ‘floating’ header or CTA button means that it stays on the same position on the screen as users scroll through your website. This is particularly effective on phone screens for long pages.
  3. Contrasting Background Colour
    Use a button colour that contrasts with the rest of the colours of your website design. It doesn’t need to be a gaudy red, but something different from the main colour scheme of the rest of the page. Always use a solid background colour instead of an outline button, and use a hover-state for desktop.
  4. Active Words for Button Text
    On your site-wide buttons, there is usually not much space, so keep it brief, 2-3 words. But on other Call To Action sections of the website, it can be better to be more descriptive of the offer.
    Either way describe the result they will get from clicking the button in active terms.
    For example ‘Get 30 Days Of Free Yoga’ instead of just ‘Sign Up’.

On your site-wide buttons, there is usually not much space, so keep it brief, 2-3 words. But on other Call To Action sections of the website, it can be better to be more descriptive of the offer.

Either way describe the result they will get from clicking the button in active terms.

For example ‘Get 30 Days Of Free Yoga’ instead of just ‘Sign Up’.

If you want help optimising your site for conversions, you can get a Conversion Audit HERE. Or check out the 5 fundamentals of a high-performing website.