Call-to-Action Buttons That Get Clicks: Wording, Colour and Placement

Every business website exists to get visitors to do something: call, send a WhatsApp message, fill a form, book, or buy. The button that asks for that action — the call to action (CTA) — is the most important element on the page. Yet many sites hide it, write it vaguely, or surround it with so many other buttons that visitors don't know what to click.

Here's how to get CTAs right.

1. Start with one primary action per page

Decide the single most valuable action for each page:

The primary CTA gets the strongest visual style. Secondary actions use a lighter style so they don't compete.

2. Write button text that describes the result

Generic words like "Submit", "Click here" or "Learn more" don't tell visitors what happens next. Better button text:

• "Get My Free Quote" instead of "Submit"
• "Check Fare on WhatsApp" instead of "Contact"
• "Book a Free 30-Minute Call" instead of "Learn More"
• "Call Now: 98XXX XXXXX" on mobile instead of just an icon

Use action verbs, keep it to 2–5 words, and where possible reduce risk with words like "free", "no obligation" or "reply in 10 minutes" — only if they're true.

3. Make it impossible to miss

• Contrast: the button colour should stand out from the background and from other elements. There is no single "best" colour — contrast matters more than hue.
• Size: on mobile, buttons should be at least about 44–48 pixels tall so they're easy to tap.
• Space: leave white space around the button.
• Readable text: enough contrast between text and button colour for accessibility. See accessibility basics.

4. Place CTAs where decisions happen

1. In the first screen — for visitors who already know what they want. See above the fold.
2. After key information — after pricing, after the process, after reviews.
3. At the end of the page — for visitors who read everything.
4. In a sticky mobile bar — Call and WhatsApp buttons fixed at the bottom of the screen work very well for local services.

Repeating the same CTA several times on a long page is fine. Introducing a different CTA in every section is not.

5. Make the next step easy

A great button leading to a frustrating form loses the lead. After the click:

• Keep forms short: name, phone, and one or two essential questions.
• WhatsApp links should open with a pre-filled message such as "Hi, I want a fare for Ludhiana to Delhi Airport".
• Show a clear confirmation message and what happens next.
• Make sure the form actually delivers. Read contact form not working if you're unsure.

6. Measure and test

Track clicks on phone, WhatsApp and form buttons as events in GA4 — our Google Tag Manager guide explains how. Then test one change at a time: wording, colour or position, comparing results over a few weeks of similar traffic. Our A/B testing guide covers this in detail.

Common CTA mistakes

• Phone numbers shown as images (can't be tapped)
• Buttons that look like plain text or plain text that looks like a button
• Five equally loud buttons in the header
• Promises in the button that the business doesn't keep
• WhatsApp buttons linking to the wrong or a personal number

Frequently Asked Questions

What is the best colour for a CTA button?

The one that contrasts most with your page while fitting your brand. Orange, yellow or green on a blue site, for example. Test rather than follow a rule.

Should I use "Call" or "WhatsApp" as the main button?

It depends on your customers and staffing. Many Indian service businesses get more leads on WhatsApp; offer both and track which gets more.

How many CTAs should a page have?

One primary action, repeated where it makes sense, plus at most one secondary action.

Do floating WhatsApp buttons annoy users?

Not usually, as long as they don't cover content or important buttons on small screens.

Get more enquiries from your traffic

Joboo Web designs conversion-focused websites. See website design services or contact us.