Use short, action-led CTAs that name the benefit, place them at every decision point, and test the variants rather than guessing. Below you’ll find a full examples library, the copy formula behind the ones that work, and a testing playbook backed by research from Baymard Institute and Omniconvert. Many small business sites live or die on this exact detail.
TL;DR:
- Testing benefit-led CTAs like “Start your free trial” or “Get your free quote” yields higher engagement than generic phrases such as “Sign up” or “Learn more.”
- Prioritising prominent placement of primary CTAs above the fold, especially on landing pages and product pages, increases visibility and conversion rates.
- Optimising CTA design with high contrast, generous tap targets, and clear whitespace significantly improves clickability and accessibility.
- Simplifying checkout by highlighting guest checkout options and reassuring users near the purchase button reduces cart abandonment.
- Continuously testing one variable at a time, focusing on copy, placement, or design, helps identify the most effective CTA strategies.
Table of Contents
- Examples library organised by marketing goal
- Copy and microcopy: the verb, benefit, urgency formula
- Where to place CTAs across pages and landing pages
- Design and accessibility for CTAs
- Ecommerce checkout CTAs and reducing cart abandonment
- How to test CTAs and what to measure
- Ready-to-copy CTA templates and swipe file
- TTOY Digital case checklist: applying CTAs on a small-business site
- Prioritising CTA work for small business sites
- How TTOY Digital can help and next steps
- Sources
- FAQ
Examples library organised by marketing goal
The right CTA depends entirely on what you’re asking the visitor to do next. Here’s a working set you can adapt today, grouped by goal, with a note on when each one earns its place.
E-commerce
- “Add to basket” for the product page, where clarity beats cleverness.
- “Buy it now” as a secondary CTA next to “Add to basket” for impulse buyers.
- “Get 20% off your first order” on entry popups, when you actually have a discount to offer.
- “Check availability” for stock-sensitive items where urgency is genuine.
Lead generation
- “Get your free quote” on service pages, paired with a form that asks for nothing but a name and e-mail.
- “See if you qualify” for eligibility-gated offers, which reduces the psychological cost of clicking.
- “Download the checklist” as a low-commitment first step before a sales conversation.
Free trial and demo
- “Start your free trial” on the hero, always above the fold.
- “Book a live demo” for products too complex to self-serve.
- “See it in action” as a softer alternative when “demo” feels too formal for the audience.
Newsletter and content
- “Get weekly tips in your inbox” beats “Subscribe” because it states the benefit.
- “Join 2,000 readers” only works if you can verify the number, so most small sites should skip it and simply say “Get the next update”.
Contact and appointment
- “Call us now” for local service businesses, ideally paired with a click-to-call button on mobile.
- “Book your appointment” with a visible calendar link, not a generic contact form.
- “Talk to a real person” works well for trades and healthcare, where reassurance matters more than speed.
Social engagement
- “Follow us for daily updates” undersells; “See today’s project” performs better because it names what the reader gets.
- “Share your thoughts” for comment sections on blog content.
Page position changes what a CTA needs to do. A hero CTA should be short and benefit-led because the visitor hasn’t earned context yet. An in-content CTA can be longer and more specific, since the reader has already absorbed your argument. A footer CTA works as a last catch, so keep it broad (“Get in touch”) rather than narrow. Sticky CTAs, the ones that follow the scroll, should repeat your primary action word for word so the visitor never wonders if they’re looking at something new.
If you’re only testing three things this month, these pairs are the ones Omniconvert and other CRO practitioners return to again and again:
- “Sign up” versus “Start your free trial”, to see whether naming the benefit beats the generic verb.
- “Buy now” versus “Add to basket”, to check whether urgency helps or just feels pushy for your audience.
- “Learn more” versus “See how it works”, to test specificity against vagueness on informational pages.
Copy and microcopy: the verb, benefit, urgency formula
The most reliable CTA copy follows a simple pattern: verb, plus benefit, plus an optional urgency element. Omniconvert documents this structure across its list of high-converting examples, and it holds up because it answers the visitor’s real question, “what happens if I click this?”, before they’ve had to think about it.
Four examples that show the formula in action:
- “Get Started for Free” (verb: get, benefit: started, urgency: free removes the risk).
- “Claim your discount now” (verb: claim, benefit: discount, urgency: now).
- “Start your 14-day trial” (verb: start, benefit: trial, urgency: the deadline built into “14-day”).
- “Download your free guide” (verb: download, benefit: guide, urgency: free).
Microcopy does the quieter work around the button itself. A line under a signup CTA reading “No card required” removes friction before it forms. A progress indicator like “Step 2 of 3” tells the visitor how much is left, which matters more than people expect on longer forms. And a reassurance line near a purchase button, something as simple as “Free returns within 30 days”, answers an objection the CTA itself can’t.
Accessibility belongs in this same conversation, not bolted on afterwards. All Accessible found that a large share of sites still rely on generic phrases like “Read more” or “Click here”, which give a screen reader user no context about where the link leads. An icon-only button, say a shopping basket icon with no visible text, needs an ARIA label such as aria-label="View basket" so it reads sensibly aloud. The same source recommends descriptive link text over vague phrasing for exactly this reason: “Download the pricing guide” tells everyone, sighted or not, what happens next.
Pro Tip: Write your CTA copy as if the button text is the only thing the visitor will ever read on the page, because for a good number of them, it is.
Where to place CTAs across pages and landing pages
Placement decides whether great copy ever gets seen. The goal is to meet the visitor at every point where they’re deciding whether to continue or leave.
- Put your primary CTA above the fold in the hero, then repeat it after any section that builds a case for action, such as a benefits list or a testimonial.
- Use a sticky CTA on longer pages, particularly mobile ones, so the action stays reachable without the visitor scrolling back up.
- Place an in-article CTA directly after the paragraph that answers the reader’s biggest objection, since that’s the moment they’re most persuaded.
- Keep form-adjacent CTAs close enough to the form fields that there’s no visual gap between “I’m interested” and “here’s how”.
- On product pages, anchor the CTA near the price and stock status, never buried below unrelated content.
- On checkout pages, make the next-step button the most visually dominant element on the screen, full stop.
Landing pages built for a single campaign should carry one dominant CTA, repeated, rather than several competing ones. Blog content can afford a softer touch, typically one contextual CTA mid-article and one at the close. Guidance on high-converting landing page design covers this in more depth if you’re rebuilding a page from scratch.
Design and accessibility for CTAs
A CTA that visitors can’t see or can’t tap properly never gets the chance to convert. Contrast is the first lever: your button colour needs to stand clearly apart from its background, and the WCAG 2.2 guidance on non-text contrast sets out how to check this for buttons, borders and focus outlines rather than relying on a look that merely feels right.
Nearly two in five sites still rely on generic “Read more” links, according to All Accessible, which strips away the context a visitor or screen reader needs to know where a click leads.
Whitespace matters as much as colour. A button crowded by other elements reads as less important, even when its colour is perfect. Practical rules worth following:
- Keep at least 8 pixels of clear space around every CTA button so it doesn’t compete with neighbouring text or images.
- Size tap targets generously on mobile, since a cramped button invites mis-taps and abandoned journeys.
- Never use “Click here” or “Submit” alone; pair the verb with what happens, such as “Submit your enquiry”.
- Add an ARIA label to any icon-only button so assistive technology can announce its purpose.
A piece on mastering colour contrast for accessibility walks through this in more practical detail if you’re auditing an existing site.
Ecommerce checkout CTAs and reducing cart abandonment
Checkout is where CTA mistakes cost the most, because every extra second of hesitation is a customer deciding whether to stay.
A majority of major sites fail to make “Guest checkout” the most prominent option, according to Baymard Institute, which the same research ties to higher rates of cart abandonment. Forcing an account creation step before purchase is one of the most avoidable ways to lose a sale you’d already won.
Beyond the guest checkout button itself, Baymard’s research points to a few consistent fixes:
- Use descriptive step labels such as “Continue to payment” or “Review order” rather than a bare “Continue”, which Baymard’s research links to reduced click hesitation.
- Reassure the visitor near the purchase button that the order isn’t final yet, since many abandon at the point they fear they’ve already committed.
- Add short trust signals close to the CTA, covering returns policy, delivery cost and security, so the objection gets answered before it’s raised.
None of these changes require a redesign. They’re copy and layout tweaks that sit directly on top of whatever checkout flow you already have.
How to test CTAs and what to measure
A CTA opinion is just a guess until you’ve run it against real visitors. VWO documents that testing individual CTA variables, copy, colour, size and placement, is standard practice precisely because small changes routinely move conversion numbers more than teams expect.
- Write a single hypothesis before you start, such as “changing ‘Submit’ to ‘Get my quote’ will increase form completions”.
- Change one variable at a time. Testing copy and colour together tells you nothing about which one caused the shift.
- Run the test until you reach a level of statistical significance your testing tool confirms, not until you’re impatient for a result.
- Track click-through rate on the CTA itself, then follow through to conversion rate and revenue per visitor, since a click that doesn’t convert further down the funnel isn’t a win.
- Watch micro-conversions too, like scroll depth past the CTA or time spent on the page, which often explain why a button underperforms.
Heatmaps and session replay tools add texture that raw numbers can’t. If visitors are hovering over a CTA and not clicking, that’s a copy or trust problem. If they never scroll far enough to see it, that’s a placement problem.
Pro Tip: Start every test with the change most likely to matter, usually copy or placement, before you spend a testing cycle on button colour.
Ready-to-copy CTA templates and swipe file
These are written to be lifted directly into a page and adjusted for your product or service. Test one variable per template rather than rewriting the whole line each time.
- Lead magnet: “Download the free checklist” on a resource page, tested first against “Get instant access”.
- Demo booking: “Book a live demo” in the hero, tested against “See it in action”.
- Sale: “Shop the sale” on a category page, tested against “Save 20% today”.
- Subscribe: “Get weekly tips” in a footer form, tested against “Join the newsletter”.
- Appointment: “Book your appointment” on a services page, tested against “Check available times”.
- Trial: “Start your free trial” in the hero, tested against “Try it free for 14 days”.
- Contact: “Call us now” on a mobile local page, tested against “Get a callback”.
- Quote: “Get your free quote” on a service page, tested against “See your price”.
- Download: “Download the guide” mid-article, tested against “Read the full guide”.
- Waitlist: “Join the waitlist” for pre-launch pages, tested against “Reserve your spot”.
- Consultation: “Book a free consultation” on a landing page, tested against “Talk to an expert”.
- Upgrade: “Upgrade your plan” inside an account dashboard, tested against “See upgrade options”.
- Review request: “Leave a quick review” in a post-purchase e-mail, tested against “Tell us how we did”.
- Social follow: “See today’s project” on a portfolio site, tested against “Follow for updates”.
- Renewal: “Renew your subscription” in a reminder e-mail, tested against “Keep your access”.
Try short versus benefit-led first, since that split usually reveals the most about your audience before you move on to testing scarcity language.
TTOY Digital case checklist: applying CTAs on a small-business site
A small trades business had a contact form buried three clicks deep and a homepage CTA that simply read “Learn more”. Swapping it for “Get your free quote”, moving it above the fold, and connecting the form to a CRM so enquiries landed instantly in one inbox instead of three separate ones changed how quickly the owner could respond.
A short checklist worth running on your own site:
- Audit every page for its single primary CTA and remove any competing ones.
- Rewrite vague buttons using the verb, benefit, urgency formula.
- Check tap target size and spacing on mobile specifically, not just desktop.
- Connect your lead forms to a CRM so no enquiry sits unread.
Our conversion rate tips cover more of this ground if you want to keep going.
Prioritising CTA work for small business sites
If you only have an afternoon, spend it where traffic, value and ease of change overlap. A high-traffic page with a low-value CTA is worth less than a medium-traffic page pushing your highest-value action. Small business sites most often trip up by burying the contact button, using five different CTA phrases across one journey, or forgetting the sticky version on mobile. Fix those three first, then test everything else. Nothing here is final; it’s a starting hypothesis you improve with real visitor behaviour.
— Chris
How TTOY Digital can help and next steps
Better CTA copy only pays off if the page around it converts and the leads it generates actually get followed up. That’s where a lot of small business owners get stuck: the button works, but there’s no system catching what happens after the click. Mobile-first websites with conversion-focused CTAs baked into the design from the start, paired with a CRM so every enquiry from multiple channels lands in one place instead of three inboxes.
- Web design for a site built around clear, tested CTAs.
- CRM integration so leads generated by better CTAs never go unanswered.
If you want a second opinion on where your current CTAs are losing clicks, get in touch through the web design services page for advice on what to change first.
Sources
- Checkout flow UX optimisation | Baymard Institute
- 10 Call to Action Examples That Convert (2026) | Omniconvert
- How to create effective button and link text for accessible websites | All Accessible
- Call to Action Buttons: The Ultimate Guide with Best Practices and Examples | VWO
FAQ
What is a CTA for a website?
A CTA, or call to action, is the button or line of text that tells a visitor exactly what to do next, such as “Buy now” or “Get your free quote”. Its job is to turn interest into a click, and from there into a lead or a sale.
Can you give me an example of a call to action on a website?
“Start your free trial” on a software homepage or “Get your free quote” on a local service page are both common, effective examples. Each names the benefit rather than just the action, which Omniconvert links to stronger click-through performance.
What is an example of CTA?
A strong CTA follows the verb, benefit, urgency pattern, such as “Claim your discount now” or “Download your free guide”. These work because they answer what the visitor gets before they’ve had to ask.
Where should a CTA be placed on a website?
Your primary CTA belongs above the fold in the hero, then repeated after any section that builds the case for clicking, such as a benefits list. On longer or mobile pages, a sticky CTA keeps the action reachable without forcing the visitor to scroll back up.
Recommended
- Essential Tips for Improving Your Website’s Conversion Rate
- What does a good small business website look like?
- Bespoke Websites: Why every small business should have one.
Related reading: Local SEO checklist for small businesses · Conversion rate benchmarks for 2026
