What Makes a Good CTA? Button Copy, Color and Placement

A CTA (call to action) is the button or link that tells visitors what you want them to do. “Get a quote”, “Book an appointment”, “Add to cart”. The rest of the site persuades; the CTA turns that persuasion into action.

Long debates about button colour in project meetings are common. Does red get more clicks, or orange? Our experience: colour matters, but the words matter more. The right sentence on a grey button often outperforms “Submit” on a bright orange one.

Button copy: a verb and an outcome

Good button copy contains a verb and says what happens after the click. Before pressing, visitors run a quick calculation in their heads: “What happens if I click, does it commit me to anything?” When the text answers that, hesitation drops.

Small additions that lower the cost of clicking help too. The word “free” in “Book a free discovery call”, or a line under the button like “No credit card required”. Only write these if they're true, of course; an untrue “free” promise damages trust and can also put you in legal trouble.

Colour and contrast

The basic rule for colour: the main button has to stand out on the page. That means choosing a colour used sparingly elsewhere on the site. If everything is orange, an orange button disappears.

Contrast is also an accessibility issue. A white-on-light-grey button is unreadable for someone looking at their phone in the sun. A height of at least 44 pixels is a good minimum so it's easy to press with a thumb.

Secondary actions (say, “See pricing”) shouldn't compete with the main button. Show them as outlined buttons or text links.

Placement and repetition

The main CTA should be visible on the first screen. But some visitors read the whole page before deciding and look for the button at the end. So on a long page, repeating the same action a few times is normal: on the first screen, after the pricing or process section, and at the bottom.

When you repeat, repeat the same action rather than adding new ones. If “Get a quote”, “Call us”, “Subscribe to our newsletter” and “Download the catalogue” sit side by side, visitors can't tell which to pick, and often pick none.

On mobile, a button pinned to the bottom of the screen, or a call button, can work well, especially for service businesses.

The small text around the button

A single line next to or under the button often does as much work as the button itself. It's where you answer the objection that pops up at the last second: “We only use your number for this request”, “We reply the same day during working hours”, “Cancel any time”. Each of these should describe something you actually do.

The same logic applies to forms. The button at the end should restate what the form is for. Someone who has filled in five fields shouldn't see “Submit” as the last word; “Send my free discovery request” reminds them what they're signing up for.

Weak and strong examples

• “Send my quote within 24 hours” instead of “Submit”
• “See example sites” instead of “Click here”
• “View package contents” instead of “Learn more”
• “Book a free trial class” instead of “Apply”
• “Ask for a price on WhatsApp” instead of “Contact”
• “Add to cart, free shipping” instead of “Buy”

The stronger versions only work if you can deliver what they promise. If you can't reply within 24 hours, don't say so; if a promise like “free shipping” has a condition (such as a minimum basket), state it clearly next to the button. A broken promise does more damage than a weak button.

A CTA alone won't work miracles. We listed other changes that affect conversion in a separate post, and explained the single-CTA logic of campaign pages in our landing page article. But if you change only one thing this week, find the “Submit” buttons on your site and replace them with copy that says what will happen.