Guide

How to Write Calls to Action That Convert

A call to action (CTA) is any prompt on your website that asks a visitor to do something — click a button, fill in a form, call a number, download a guide. It is the bridge between a visitor finding your website useful or interesting and them actually becoming a lead or customer. Without clear calls to action, visitors often leave without taking any next step, even when they were interested.

Writing effective calls to action is a combination of clarity, placement and psychology. The wording matters far more than most business owners assume, and simple changes to CTA copy often produce significant improvements in the number of visitors who respond.

Writing CTA copy that gets clicked

The biggest mistake in CTA copy is using generic, passive phrases. "Submit", "Click here" and "Learn more" tell the visitor what they are doing mechanically but give no reason to do it and no sense of what they will get. Effective CTA copy is specific, benefit-oriented and written from the visitor's perspective.

Contrast "Submit" with "Get your free quote" — the second is specific (a quote, not generic contact), implies a benefit (it's free) and names the action from the visitor's point of view (they are getting something). Similarly, "Contact us" is weaker than "Speak to our team today" or "Book a no-obligation chat". The more concrete and benefit-focused the CTA, the higher the click rate will typically be.

First-person CTAs consistently outperform third-person equivalents in testing. "Start my free trial" outperforms "Start your free trial". "Get my quote" outperforms "Get your quote". This feels counterintuitive — you are writing the button — but it works because it frames the action from the visitor's perspective rather than directing them.

CTA placement and frequency

Every page on your website should have at least one clear primary call to action. The homepage should have a CTA visible above the fold. Long service pages should have CTAs at multiple points — near the top, in the middle and at the bottom — because visitors read at different depths and the right moment to prompt action varies from person to person.

Do not put competing CTAs of equal prominence side by side. If you give visitors six equally weighted options, you create decision paralysis — they take longer to decide and are more likely to do nothing. Choose a primary action (enquire, call, get a quote) and make it visually dominant. Secondary CTAs (see our work, read the FAQ, view pricing) should be smaller or differently styled to signal their subordinate role.

Design and context for effective CTAs

A CTA button needs sufficient visual contrast to stand out from the surrounding page. It should be a colour that is distinct from your body text and background colours — typically your brand accent colour. The button should be large enough to tap comfortably on mobile (at least 44 pixels tall, ideally larger) and have enough padding around the text to breathe.

Context immediately before a CTA significantly affects click rate. A testimonial placed just before an enquiry form, or a brief list of what happens next directly above a "Get in touch" button, both reduce the final hesitation that prevents visitors from acting. At Xpose, we test CTA placement and copy as a standard part of our website optimisation work — small changes in wording and position regularly produce 15-30% improvements in enquiry rates for our clients.

Reduce the perceived risk of clicking. A CTA that says "No obligation — we'll reply within one working day" or a note that "We never share your details" addresses the anxiety some visitors feel before submitting their information. The more clearly you signal that the next step is low-risk and low-commitment, the higher the proportion of interested visitors who will take it.

FAQs

Common questions.

How many CTAs should a page have?
One primary CTA is the rule, but it can appear multiple times on a long page — above the fold, mid-page and at the bottom. Having one dominant action keeps the page focused. Secondary CTAs (download a guide, see case studies) are fine to include but should be visually subordinate to the primary action so the visitor's eye is drawn to the most important next step first.
Should CTA buttons always be the same colour?
Consistency helps visitors learn your site's visual language — they quickly understand that your accent colour on a button means "action". If you use your CTA button colour for decorative purposes elsewhere on the page, you dilute its signal value. Reserve your CTA colour specifically for buttons and interactive elements so it reliably catches the eye when it appears.
How do I know if my CTAs are working?
Set up event tracking in Google Analytics 4 to measure button clicks and form submissions. Heatmap tools like Hotjar show which CTAs visitors are clicking and which they are ignoring. Test different versions of your CTA copy, colour or placement using A/B testing tools — even running two versions for two weeks can give you meaningful data on which approach converts better.
Related guides

More on web design & ux.

Want a hand putting this into practice?

Book a free, no-obligation consultation with a Norwich-based specialist.

Book a free consultation
Get started

Let's put your business in a better light.

Book a free, no-pressure consultation. We'll talk through your goals and tell you honestly what we'd do — whether you work with us or not.

  1. 01
    Tell us a bitFill in the form — two minutes, tops.
  2. 02
    We'll call you backWithin one working day, no pressure.
  3. 03
    Get a clear planHonest advice and a fixed quote.

Free · No obligation · We reply within one working day

Book a free consultation