Property & constructionSites that prove the work before the first call, from planning to handover.
Every industry buys differently, so every industry gets its own page.All industries →

The Trick That Made Our Websites Convert Better

A good call to action tells visitors exactly what happens next, in a button they can't miss. Make it large enough to notice, give it strong contrast, and replace "Learn More" with the actual action.

By Mikkel Calmann, Founder, TypzaUpdated 12 min read

On this page
  1. The most common CTA mistakes
  2. How to make your CTA stand out
  3. CTA copy examples that outperform generic text
  4. Matching CTA language to where a visitor is in their decision
  5. Design details that separate a good CTA from a great one
  6. A word on urgency and honesty
  7. Test it yourself
  8. Conclusion
  9. FAQ
  10. More insights

When a page isn't converting, ask whether a visitor can tell what to do next. If they can't, the button is often too faint, too vague or too hard to find. Here's how to fix it.

1. The most common CTA mistakes

The first mistake is hiding the CTA as plain text. A call-to-action that blends into regular paragraph copy doesn't register as clickable, and visitors shouldn't have to search for the next step, it should be obvious at a glance.

The second is blending it into the background. If your button is the same color as the surrounding page, visitors won't register it as interactive at all. Your CTA needs contrast against its surroundings so it naturally draws the eye.

The third is making it too small to notice. A CTA tucked into a corner, or shrunk down to a modest link, doesn't grab attention the way it needs to. A call-to-action should be visually prominent enough that visitors see it without hunting for it.

A fourth, subtler mistake is having too many CTAs competing for the same attention. A page with a "Buy Now," a "Learn More," a "Subscribe," and a "Contact Us" button all styled with equal visual weight forces a visitor to stop and think about which one applies to them, and hesitation at this stage is where conversions quietly disappear. Every page should have one primary action styled to stand out clearly above everything else, with any secondary options visually subordinate, smaller, less saturated, less central, so there's never any doubt about what you actually want someone to do.

2. How to make your CTA stand out

A strong CTA should be impossible to miss. Start with size: your button should be large enough to catch the eye immediately, without tipping over into looking unprofessional or desperate. If people don't see it in the first pass over the page, they won't click it.

Then work on contrast. Your CTA should visually pop against its background. A neutral or low-contrast combination, gray on gray, pastel on pastel, goes unnoticed no matter how good the copy is. Choose a bold, high-contrast color that pulls the eye toward the action you want taken.

Finally, get specific with the copy. Your CTA should tell visitors exactly what happens when they click, not leave them guessing. Instead of a vague "Learn More," use action-driven wording that communicates value directly: "Get a Free Quote" communicates value and urgency, "Start Your Free Trial" reduces perceived risk and invites sign-ups, and "Book a Consultation" makes the next step concrete and easy to picture.

Placement deserves just as much thought as color and copy. A CTA that only appears once, at the very bottom of a long page, misses every visitor who decided within the first thirty seconds without scrolling that far. Place your primary CTA within view near the top of the page, repeat it after any section that builds a strong case, pricing, testimonials, a results summary, and place it again at the natural end of the page for anyone who read the whole thing. Each instance should use identical wording and styling so a visitor always recognizes it as the same action rather than mistaking it for a new offer.

3. CTA copy examples that outperform generic text

Wording matters just as much as color and size. Compare "Submit" to "Get My Free Quote," or "Contact Us" to "Talk to a Designer." The stronger version in each pair tells the visitor exactly what happens next and what they get out of it, removing the small moment of hesitation that a vague label creates. That hesitation is where conversions quietly leak away, one indecisive visitor at a time.

A few more pairs worth testing on your own site: "Sign Up" versus "Start My Free 14-Day Trial," which specifies both the offer and the commitment involved. "Download" versus "Get the Free Checklist," which names the actual value rather than describing the mechanical action. And "Next" versus "See Pricing," which tells a visitor exactly what waits on the other side of the click instead of asking them to trust a vague label. In each case, the winning version answers a question the visitor is silently asking, what do I get, and it does so in the same handful of words a weaker CTA would have used anyway.

4. Matching CTA language to where a visitor is in their decision

Not every visitor on your site is equally ready to buy, and your CTA copy can reflect that instead of treating every page the same way. Someone reading your homepage for the first time is often not ready for "Buy Now," but might respond well to something lower commitment, "See How It Works" or "Explore Our Services." Someone on a pricing page who's already compared you against competitors is much closer to a decision, and a more direct CTA like "Start Today" or "Book a Consultation" fits that later stage of intent. Mismatching a high-commitment CTA to an early-stage page, or a vague, low-commitment CTA to a page where someone is clearly ready to buy, both cost conversions in their own way.

5. Design details that separate a good CTA from a great one

Beyond color, size, and copy, a handful of smaller details make a real difference in how a CTA performs. Padding matters: a button with generous internal padding reads as more substantial and more clickable than text crammed tightly against its border, which can subconsciously read as an afterthought rather than a deliberate element. Corner radius matters less than people assume, but consistency does, if every other button on your site is slightly rounded and one CTA is sharp-cornered, that small inconsistency registers, even if a visitor couldn't say why something feels off.

Hover and focus states matter more than most businesses realize, especially for anyone navigating by keyboard or with a screen reader. A button that changes color or shifts subtly when hovered or focused confirms to a visitor that it's genuinely interactive, not just decorative text with a border around it. Skipping this is a missed opportunity to build a small amount of confidence right at the moment someone is deciding whether to click.

Icon usage is worth a mention too. A small arrow or icon inside a CTA, "Get Started →," can reinforce the sense of forward motion and make the button feel more inviting to click, but it should never replace clear text. An icon-only button with no label saves almost no space and adds real ambiguity about what clicking it will actually do.

6. A word on urgency and honesty

It's tempting to add urgency language to a CTA, "Limited Spots Available" or "Offer Ends Soon," because urgency genuinely does increase conversions when it's true. The trap is using it when it isn't true. Visitors are increasingly good at spotting a countdown timer that resets every time they revisit a page, or a "3 spots left" claim that's been sitting there for months. Once a visitor catches one dishonest urgency claim, they discount every other trust signal on the page too, including the genuine ones. If you have real scarcity, a real deadline, a real limited cohort, say so plainly. If you don't, skip the urgency language entirely rather than manufacturing it, because the credibility cost of getting caught outweighs whatever short-term lift the fake deadline might produce.

7. Test it yourself

Test this on your own site right now: read your CTA out loud and ask whether a total stranger would immediately know what clicking it does. If you have to explain it, rewrite it. And check every CTA on your site, not just the homepage. It's common for a business to fix the hero button and leave three weaker ones scattered across service pages, exactly where a warmer, more qualified visitor is deciding whether to reach out.

Once you've rewritten your CTAs, give them a few weeks and actually look at the numbers before declaring victory or moving on. Click-through rate on the button itself, plus how many of those clicks turn into a completed form or purchase, tells you whether the new wording is working or whether the friction has simply moved one step further down the funnel. Small, deliberate changes like this are also the easiest to test cleanly, since you're changing one variable at a time rather than relaunching an entire page and losing the ability to tell which change actually mattered.

Conclusion

You can do this in an afternoon. Open your homepage on your phone and squint. If the main button doesn't stand out, change its color and size, then rewrite the label to say what happens next, such as "Book a Call". Check your clicks and enquiries over the following weeks to see what changed.

FAQ

What makes a call-to-action button effective?

Strong colour contrast against the background, a size that's hard to miss and specific, action-driven copy. Avoid generic phrases like "Learn More" or "Submit". A good call to action tells visitors exactly what happens next. Placement matters too, so put your main button near the top of the page and repeat it after sections that build trust.

Why do CTA buttons get overlooked on so many websites?

They're often designed to match the site's colour palette instead of standing out from it. If a button is the same colour as the page around it, visitors may not even see it as clickable. Your call to action needs contrast against its surroundings, so it naturally draws the eye.

What should CTA button copy say instead of "Learn More"?

Something specific to the action and its benefit, like "Get Your Free Quote" or "Book a Call". That tells visitors exactly what happens next and why it's worth clicking. "Start Your Free Trial" also lowers the sense of risk. Vague wording leaves people guessing, and guessing makes them hesitate.

How much can fixing a weak CTA improve conversions?

It depends on how weak the button was and how much traffic you get, so nobody can honestly give you a fixed number. It's still worth doing. It's usually a free, same-day change to the one thing the page exists to get people to do. Track enquiries before and after, so you can see the effect on your own site.

How many CTAs should a single web page have?

Usually one main call to action per page. When "Buy Now", "Learn More", "Subscribe" and "Contact Us" all look equally important, visitors have to stop and work out which one applies to them. That hesitation is where conversions get lost. Make one button clearly the main one, and keep any others quieter.

More insights

7 Ways to Get Your Business Recommended by AI

8 min

ChatGPT just recommended your competitor, and it probably wasn't because they're better. Their website was just easier for AI to read. Here are 7 fixes that change that.

10 Minimalist Luxury Websites for Design Inspiration

11 min

From The Row to Aman Resorts, these 10 minimalist luxury websites prove that restraint, not decoration, is what makes a brand feel expensive.

Your Website Might Be Pushing Visitors Away

11 min

A website can look attractive and still be quietly driving visitors to your competitors. Here's how to spot the functional issues hiding behind good design.

The Hardest Lesson We Learned in Web Design

12 min

Skipping clear expectations with clients almost sank our early web design projects. Here's the process we built after learning that lesson the hard way.

Website Features That Are Killing Your Sales

11 min

Flashy features like auto-play video and stacked pop-ups feel modern, but they're often the exact thing driving your visitors away before they convert.

The Website Feature We Used to Love (But Don't)

11 min

Animations once felt like the mark of a modern website, until we noticed they were slowing sites down and pulling attention away from what actually converts.

The One Page Every Website Needs to Convert

10 min

Homepages and service pages get all the attention, but the page most businesses are missing entirely is the one that actually builds trust: a case studies page.

The One Website Investment Every Business Needs

9 min

With a limited budget, skip the flashy extras, the highest-return investment for any website is clear UX and high-quality visuals.

A Quick Fix That Instantly Improves Your Website

11 min

You don't need a redesign to see real improvement, these four small, fast fixes can noticeably boost how your website performs today.

The Detail That Makes a Website Look High-End

12 min

Flashy effects don't make a website feel premium, consistent color, clean typography, and generous whitespace do. Here's why that small discipline matters so much.

The Biggest Misconception About Web Design

11 min

A gorgeous website that loads slowly and confuses visitors will always lose to a plainer one that performs. Here's why looks are the wrong priority.

How to Add a Video Background in Squarespace

7 min

A video background can make your Squarespace site feel dynamic and premium, if it's set up right. Here's the step-by-step process and the pitfalls to avoid.

How to Create a Squarespace Duplicate Website

8 min

Squarespace has no one-click "duplicate site" button, but there are safe, reliable ways to clone your site for testing, backups, or new projects.

Is Squarespace Better Than WordPress?

9 min

Squarespace and WordPress solve very different problems. Here's an honest, side-by-side breakdown to help you pick the platform that actually fits your goals.

WordPress to Squarespace Migration Guide

8 min

Moving off WordPress doesn't have to risk your rankings or your content, follow this step-by-step migration plan to switch platforms cleanly.

How to Add HTML to Squarespace (3 Methods)

8 min

Need more control than Squarespace's blocks allow? Here are the three safe ways to add custom HTML to your site, and the mistakes that break pages.

How to Download Images From Squarespace

8 min

Squarespace has no built-in "download all" button for your images. Here's the safe workaround to recover full-quality files whenever you need them.

10 SEO Squarespace Tips to Boost Visibility

12 min

A beautiful Squarespace site won't rank on its own, these 10 practical SEO tips help turn your design into organic traffic.

How to Become a Web Designer: Beginner Guide

9 min

Thinking about a career in web design? Here's the realistic, step-by-step path from design fundamentals to a portfolio that actually gets you hired.

Squarespace Website Not Working? Full Fix Guide

8 min

When your Squarespace site goes down or starts acting strange, the cause is almost always one of a handful of predictable culprits. Here's how to find and fix it fast.

How Long Does It Take to Build a Website? 2026

9 min

A simple site typically takes about three weeks and a bigger one about five, but that estimate only holds if feedback comes back fast. Here's the real timeline, stage by stage.

Why Photos on Your Business Website Matter

8 min

Photos on your business website aren't decoration, they're often what decides whether a visitor keeps reading or leaves. Here are six real reasons they matter.

Mobile-First Website Design: Beginner's Guide

9 min

Mobile-first website design just means building for a phone screen first, then working up to bigger screens. It sounds like a small technical detail, it isn't.

Why Website Visitors Leave Without Contacting You

9 min

Website visitors leave without contacting you for one boring reason far more often than any exciting one: you never gave them an obvious way to. Here are six fixable causes.

7 Things to Look for Hiring a Web Designer

10 min

It's hard to judge a web designer until after you've already paid them. Here are seven things to check beforehand so you don't find out the hard way.

7 Things to Prepare Before a Website Project

9 min

Most website project delays trace back to one thing: nobody prepared what the designer actually needed before the project began. Here are seven things to sort out first.

Custom Website vs Template: Which to Pick?

8 min

A template and a custom website can both technically get you online, the honest difference shows up later, once you're trying to stand out and convert, not just be found.

How to Match Your Website to Your Brand (2026)

8 min

Matching your website to your brand doesn't mean an exact copy of your logo file. Here's what genuinely needs to stay fixed, and where print-first brand guidelines have room to flex on screen.

Professional Website Cost: What to Budget in 2026

9 min

"It depends" isn't a dodge, a professional website's cost genuinely hinges on scope, copywriting, and features. Here's what actually drives the price, and what to budget beyond the initial quote.

Previous

Website Features That Are Killing Your Sales

Next

The Website Feature We Used to Love (But Don't)

How does your website score?

Enter your address and email. You get scores for speed, search, accessibility and trust in about a minute, and the full report by email.