How to Write a Call to Action: From Button Label to Thank-You Page

Short answer: Here’s how to write a call to action: decide the one next step a page should offer. Then write a short label that names what happens after the click, add one true line that removes the main worry, and place it where the visitor has enough information to decide. Build it as a real link or button that everyone can see, reach and use. Then make sure the next screen delivers exactly what the label promised. Most weak calls to action don’t fail because of the wording on the button. They fail because the visitor can’t tell what happens next, or because what happens next isn’t what they were promised.

This guide covers one element in depth: the call to action itself, from the words on the button to the page that appears after the click. It’s written for small business owners and the people who edit their sites, usually in WordPress. Two related p4e guides cover the wider picture. Our conversion rate guide covers measuring, diagnosing and testing a whole site. Our homepage design blueprint covers where the main action sits on a homepage.

What is a call to action, and what makes one work?

A call to action (CTA) is the prompt on a page, email or ad that asks the reader to take a specific next step, such as requesting a quote, booking a call, starting a trial or joining a mailing list. It’s usually a button or a prominent link, often with a short line of text beside it. Ordinary navigation links, like “About” or “Services”, aren’t calls to action. They help people move around, but they don’t ask for a decision.

A call to action that works has four parts, and only one of them is the button:

The examples in this table are illustrative, for a hypothetical renovation company. Use claims only if they are true for your business.

The point of view behind this guide is simple: a call to action is a promise. The label promises what the click will do. The confidence note promises something about the cost or risk. The visitor checks both promises within seconds of clicking. If the form asks for far more than expected, or the “free” offer needs a credit card, the visitor has learned not to trust your next button either.

How to write a call to action, step by step

These five steps work for any page. The sections after them cover specific page types, how to build the button, the Canadian rules and how to measure the result.

Step 1: Choose the one next step this page should offer

Start with the page, not the button. Ask what a visitor on this page is ready to do next. Someone reading a how-to article is usually still learning. Someone on a pricing page is comparing. Someone on a contact page has already decided. The ask should match that readiness:

Give each page one primary action. A secondary action is fine if it serves people who aren’t ready yet. For example, a “See our service area” text link sits well under a “Get a quote” button. Two buttons of equal weight force a choice before the visitor knows enough to make one. The conversion rate guide makes the same point in its section on one primary call to action per page.

Step 2: Write the label as the result of the click

The label should tell the visitor what will happen, in their terms. Start with a verb, then name the thing they get or the thing that happens. Read the label and ask, “If I click this, what will I see next?” If the answer is unclear, rewrite it.

The labels, the 14-day trial and the 15-minute call are illustrative. Use the real length, format and offer for your business.

A few rules hold up well in practice:

• Be literal about the commitment. “Book a 15-minute call” sets a smaller, clearer commitment than “Talk to sales”. If the next step is a form, a quote or a download, say so.
• Keep it short enough to read at a glance. Most good labels are two to five words. Put detail in the confidence note, not on the button.
• “My” or “your” both work. First-person labels (“Get my quote”) are popular, and some published tests favour them. But those are single-site results, so choose the one that reads naturally on your page.
• Say when something unusual happens. If the link downloads a file or opens a new tab, say so in the label or next to it. MDN’s guidance on links recommends telling people when a link opens a new window or points to a file.

Step 3: Add one confidence note, and make sure it’s true

Most people hesitate before clicking because of a specific worry. Will it cost me? Will I be stuck on a call? Will I get spam? A short line of text next to the button, sometimes called a friction reducer, answers that worry. Useful notes are specific (these are illustrative): “No credit card needed”, “Cancel any time from your account”, “We reply within one business day”, “We’ll never share your email.”

4GoodHosting’s website builder page shows the pattern on a real page. Its “Try Website Builder” button sits above three short notes: ready-made templates, online editing and a free 7-day trial. Below that, a short three-step section explains what happens next: try the editor, plan your content, choose your setup. A visitor can see the commitment before clicking.

The confidence note has to be true, and in Canada that is a legal point as well as a trust one. The Competition Bureau explains that the Competition Act prohibits materially false or misleading representations to promote a product or service, judged by the general impression they give. The same page notes that a misleading representation about a warranty or guarantee is against the law. So are performance claims without adequate and proper testing. In practice:

• “Free” must mean free. If the trial needs a card and converts to a paid plan, say that next to the button.
• A guarantee must be real. Only promise “money back within 30 days” (an illustrative wording) if you’ll honour it as worded.
• A price in a call to action must be attainable. The Bureau’s drip pricing guidance says that advertising a price people can’t actually pay, because mandatory fees are added later, raises concerns under the Act. Only fixed charges imposed by government, such as sales tax, can be left out. “Plans from $X” next to a button has to be a price someone can actually buy at.
• Urgency must be real. “Offer ends Friday” is fine if it ends Friday. A countdown that resets for every visitor is not.

This is a general summary, not legal advice. Check specific claims with the Competition Bureau’s guidance or a lawyer.

Step 4: Put it where the decision happens

A call to action works best at the point where a visitor has enough information to act. That’s often more than one place on a page:

• Near the top, for visitors who arrive ready. On a service page, that’s under the headline that says what you do and where.
• After the information people need first, such as prices, what’s included, the service area or the process. A button placed before the answer to “how much?” asks for a decision too early.
• At the end of the page, for people who read everything. Repeat the same action rather than introducing a new one.

The visitor also has to recognise the call to action as clickable. Nielsen Norman Group’s eyetracking study of flat design gave 71 participants specific tasks on nine sites. They spent on average 22% more time looking for what to click on page versions with weak clickability cues (such as text links styled like plain text, or outline-only “ghost” buttons) than on versions with strong ones. Give the primary action a clear button shape and a colour used only for interactive elements, with space around it. Keep secondary actions visibly lighter, such as a text link or an outline button.

Some placements cost more than they gain. Google’s guidance on interstitials and dialogs warns that intrusive pop-ups can frustrate users and make content hard for search engines to understand. It recommends small banners instead of full-page overlays, including for newsletter sign-up prompts. A sticky “Book now” bar can work on phones, but it must not cover content or the item someone has tabbed to (see the accessibility section below).

Step 5: Make the next screen keep the promise

The click is not the conversion. The conversion happens on the next screen, and that screen is part of the call to action. Check three things:

1. The destination matches the label. “See pricing” goes to prices, not to a contact form. “Book a 15-minute call” opens a calendar with 15-minute slots.
2. The form asks only for what the next step needs. A quote request may need a postal code and a short description. It rarely needs a company size or a budget field. The conversion rate guide covers cutting form fields in detail.
3. The confirmation says what happens now. Don’t just say “Thanks!” A good confirmation page or message says what you received, who will reply, how and by when, and offers one useful optional step. For example, “While you wait, see photos of recent kitchen projects.”

A dedicated confirmation (thank-you) page, rather than a message that replaces the form, also gives you a clean URL to count in analytics.

How should a call to action change by page type?

The same five steps apply everywhere, but each page type has its own common mistake.

Service pages. The primary action is usually a quote, a call or a booking. Name the service in the label when you can (“Get a roof inspection quote” rather than “Get a quote”). Phone numbers count as calls to action too. On mobile, make the number a tappable tel: link.

Product pages. The primary action is “Add to cart” or “Buy now”, and the confidence note is usually about delivery, returns or the total price. Put shipping costs and the return window next to the button, not only at checkout.

Blog posts and guides. Readers are usually learning, so a hard sales ask often feels out of place. A related next step fits better: the next guide, a checklist, a newsletter, or the service page for the problem the post describes. Place it where the topic naturally leads, often at the end, and keep it related to what they just read.

Landing pages. A landing page exists for one offer, so the call to action should be the same everywhere on the page and match the ad or email that sent the visitor. If you also want the page to rank in search, 4GoodHosting’s guide to optimizing landing pages for search engines explains why that’s harder than it sounds and how to handle it.

Newsletter and email sign-ups. In Canada, the sign-up form is also a request for consent under Canada’s Anti-Spam Legislation (CASL). CASL’s regulations say a request for consent must identify who is asking and include a mailing address plus a phone number, email address or web address. It must also say that the person can withdraw consent. The CRTC’s bulletin on CASL consent adds that the request must not be bundled with general terms and conditions. The CRTC’s bulletin on toggling says a pre-checked box can’t be used to get express consent, because consent needs a positive action. Its acceptable examples include checking an empty box or typing an email address into a field to sign up. It also says a confirmation of the consent should be sent. In practice, the label and the note should say what people will get and how often (“Get our monthly renovation tips”, as an illustration). The form should also show your business name, a mailing address, a phone number, email or web address, and a line saying people can unsubscribe at any time. Then send a confirmation email. 4GoodHosting’s guide to building an email list in Canada covers CASL consent, records and deliverability in depth. This is not legal advice.

Calls to action inside emails. Each commercial email must identify the sender, include contact information and offer an unsubscribe mechanism that can be “readily performed”, as the CRTC bulletin puts it. One clear primary link per email, with the same label style as your site, makes the email easier to act on.

Pages for Quebec customers. If you sell to customers in Quebec, your buttons, forms and confirmation pages are part of the website. Quebec’s French-language rules can require a French version of the site. Our on-page optimization guide summarises the rule and links to the regulator’s guidance. Write the French labels as French copy, not as word-for-word translations of the English buttons.

How do you build a call to action that everyone can use?

A call to action that some visitors can’t see, reach or activate isn’t doing its job. The rules below come from the W3C’s Web Content Accessibility Guidelines (WCAG) 2.2 and from MDN’s HTML documentation. In WordPress, most of them come down to theme settings and the Buttons block.

Use a link to go somewhere, and a button to do something

If the call to action takes people to another page, it should be a link: an <a> element with a real href. If it performs an action on the same page, such as submitting a form or opening a menu, it should be a <button>. MDN’s guidance on the anchor element warns against fake buttons made from links with href="#" and a click script. These break opening in a new tab, bookmarking, and use when JavaScript fails, and they give screen readers the wrong information. It recommends using a <button> for actions and links for navigation.

Search engines care too. Google’s link guidelines say Google can generally only crawl links that are <a> elements with an href attribute. A “Get a quote” call to action built as a clickable <div> that runs a script may never be followed. AI agents that browse on a user’s behalf rely on the same structure. Our guide to agentic browsers notes that Google’s recommendations include using real <button> and <a> elements rather than clickable <div> and <span> elements.

Make the label the accessible name

People who control a computer by voice say what they see. If the button reads “Get my quote”, they say “click Get my quote”. WCAG success criterion 2.5.3 Label in Name requires that the accessible name of a control contains its visible text, and recommends putting that text at the start. A common way to fail it is an aria-label added by a theme or plugin that says something different, such as “CTA button 1” or “Submit form”. If your button needs extra context for screen readers, add to the visible text rather than replacing it.

Avoid a page full of “Learn more”

WCAG 2.4.4 Link Purpose (In Context) asks that the purpose of each link can be worked out from its text or its surrounding context. The guidance explains that screen reader users often pull up a list of all links on a page. In that list, six links that all say “Learn more” are indistinguishable. Google’s link guidelines give “Click here” and “Read more” as examples of anchor text that’s too generic. Specific labels (“See bathroom renovation pricing”) solve both problems.

Check contrast, size and focus

• Text contrast. WCAG 1.4.3 requires a contrast ratio of at least 4.5:1 between text and its background, or 3:1 for large text. White text on a pale brand colour is the usual failure.
• The button shape itself. WCAG 1.4.11 Non-text Contrast asks for 3:1 contrast for the visual information needed to identify a control and its state, including focus indicators. A button’s text can be enough to identify it, but a pale outline button on a white background is easy to miss.
• Target size. WCAG 2.2’s 2.5.8 Target Size (Minimum), at level AA, requires targets of at least 24 by 24 CSS pixels, or enough spacing around smaller ones. The often-quoted 44 by 44 pixels comes from the stricter level AAA criterion, 2.5.5. The W3C suggests aiming for that larger size for important controls, so it’s a sensible target for a primary call to action on mobile, but it’s not the AA minimum.
• A visible focus state. Keyboard users need to see which link or button is selected. Some themes remove the focus outline for looks. WordPress’s Buttons block now lets you style an individual button’s hover, focus and active states. Use the focus state to make the selection obvious, not to hide it.
• Nothing covering the focused item. WCAG 2.4.11 Focus Not Obscured (Minimum) requires that a focused item isn’t entirely hidden by content the site adds. The W3C names sticky headers, sticky footers and cookie banners as typical causes. If you add a sticky call-to-action bar, tab through the page and check it never covers the item in focus.

A quick test covers most of this in five minutes. Tab through the page with the keyboard, and check that you can reach and activate every call to action and always see where you are. Then open the page on a phone and tap each button with your thumb. If the main button sits just off screen on phones, or the layout breaks at some widths, our guide to responsive web design explains the usual causes and includes a fuller mobile check.

What about call-to-action statistics like “202% better”?

Articles about calls to action often quote large, precise uplift figures, and it’s worth knowing where they come from before you act on them. We traced a few common ones:

• “Personalized CTAs perform 202% better.” This comes from HubSpot, which says it analysed more than 330,000 CTAs over six months. HubSpot sells a tool for personalised CTAs, and the page doesn’t publish the method. It’s a reasonable signal that relevance helps. It’s not a prediction for your site.
• “Emails with a single CTA increase clicks by 371%.” Pages that repeat this, such as Unlayer’s email CTA guide, attribute it to WordStream without linking to a study, method or sample. Treat it as unverified.
• “Red buttons convert better.” The same HubSpot roundup cites colour tests, compiled by CXL, in which red beat green. It then tells readers not to paint their buttons red just yet. Colour results depend on what else is on the page. What matters is contrast and a colour reserved for actions.
• “Pages with one CTA convert 266% better” and similar figures often appear with no source at all.

Most of these numbers come from single-site A/B tests or vendors’ own data. Use them as ideas to try, not as results to expect. Also remember that most small business sites don’t get enough traffic to prove a small change with an A/B test. The conversion rate guide includes a sample-size table that shows how much traffic a test needs.

How do you know whether a call to action is working?

Measure the outcome, not just the click. A label that gets more clicks but fewer completed quote requests is worse, not better. In Google Analytics 4:

1. Track the completed action. Google’s list of recommended events includes generate_lead, for when a user submits a form or a request for information. If you send people to a confirmation page, you can also count views of that page.
2. Use the form events you already have. GA4’s enhanced measurement can record form_start, when someone first interacts with a form in a session, and form_submit. The form_submit event can include the text of the submit button. Comparing starts with submissions shows whether people abandon the form after the click. Check in GA4 that these events actually fire for your form before you rely on them.
3. Mark the important event as a key event. Google’s help on marking events as key events explains how. You can mark up to 30 for a standard property, and then see which channels lead people to take that action.
4. Keep a dated note of every change to a label, note, placement or form. Compare equal periods before and after, and note anything else that changed, such as a campaign or the season.

For turning those leads into a business case, including assigning values and judging return over time, see our guide to content marketing ROI.

Common call-to-action mistakes, and what to do instead

Where 4GoodHosting fits

A call to action only works if the page loads and the form reaches you. For a small business, that’s mostly about the site platform. If you’re starting a new site, a builder with templates gives you working buttons and forms to adapt. 4GoodHosting’s website builder lets you explore templates and editing tools in a demo before you choose a setup. Whichever platform you use, run the five-minute keyboard and phone test above after any theme, plugin or builder update, because updates can change how buttons and forms look and behave.

Frequently asked questions

What is an example of a good call to action?

A good call to action names the result of the click and answers the main worry. For example (illustrative): a “Get my renovation quote” button with “Free, no obligation. We reply within one business day.” beneath it. That works if it’s true and leads to a short quote form. The right example for your site is one that describes your real next step accurately.

How many calls to action should a page have?

One primary action per page, repeated where the decision happens, such as near the top, after key information and at the end. Secondary options are fine if they’re visibly lighter, such as text links. The problem is several unrelated actions of equal weight in the same place.

What colour should a call-to-action button be?

There’s no single best colour. Choose a colour that contrasts with its surroundings, use it only for interactive elements so visitors learn what it means, and make sure the text meets WCAG’s 4.5:1 contrast ratio. Published colour tests are single-site results and don’t transfer reliably.

How long should call-to-action text be?

Short enough to read at a glance: usually two to five words on the button. Put conditions and reassurance in a short line next to it, not on the button itself.

Is “Learn more” a bad call to action?

Not always, but it’s weak. It doesn’t say where the link goes, and a page with several “Learn more” links is hard to use with a screen reader. Google also names generic text like “Read more” as poor anchor text. “See pricing” or “Read the installation guide” does the same job better.

Do newsletter sign-up buttons need special wording in Canada?

Yes. Under CASL, a sign-up form is a request for consent. It must identify who is asking, include contact information and say that people can withdraw consent, and consent can’t be pre-checked or bundled with your terms. Say what people will receive and how often, and check the CRTC’s guidance or a lawyer for your situation.

Key takeaways

• Write a call to action as a promise. The label says what the click does, the note answers the main worry, and the next screen delivers both.
• Give each page one primary action that matches what visitors on that page are ready to do.
• Use labels that name the result (“Book a 15-minute call”), not the mechanism (“Submit”).
• Keep confidence notes true. In Canada, misleading “free”, guarantee, price and urgency claims can break the Competition Act.
• Build calls to action as real links or buttons with matching accessible names, enough contrast, a 24 by 24 CSS pixel minimum target and a visible focus state.
• Treat a newsletter sign-up as a CASL consent request.
• Treat published uplift statistics as ideas, not forecasts, and measure completed actions in GA4 rather than clicks.

Sources

• Competition Bureau Canada: Misleading representations and deceptive marketing practices
• Competition Bureau Canada: Drip pricing
• Justice Laws Website: Electronic Commerce Protection Regulations (CRTC), SOR/2012-36
• CRTC: Compliance and Enforcement Information Bulletin CRTC 2012-548 and Bulletin CRTC 2012-549 (toggling)
• W3C: Understanding SC 2.5.3 Label in Name
• W3C: Understanding SC 2.4.4 Link Purpose (In Context)
• W3C: Understanding SC 1.4.3 Contrast (Minimum)
• W3C: Understanding SC 1.4.11 Non-text Contrast
• W3C: Understanding SC 2.5.8 Target Size (Minimum)
• W3C: Understanding SC 2.4.11 Focus Not Obscured (Minimum)
• MDN: The anchor element and the button element
• Google Search Central: Link best practices
• Google Search Central: Interstitials and dialogs
• Google Analytics Help: Recommended events, Enhanced measurement events, Mark events as key events
• WordPress.org Documentation: Buttons block
• Nielsen Norman Group: Flat UI Elements Attract Less Attention and Cause Uncertainty (2017)
• HubSpot: Call-to-action statistics
• Unlayer: Call to action in emails

About the author: This article was written by the team at 4GoodHosting, a Canadian web hosting company operating since 2002 with servers in Vancouver and Toronto.