Your CTA Is Probably Broken. Here's How I Know.

The Easiest Win on Your Entire Page

Of the eight dimensions we score at roast.page, call-to-action is the one where I see the wildest return on effort. Not because CTAs are more important than your headline or your positioning — but because CTA problems are almost always stupid-easy to fix. Change six words and a hex code. That's it. That's the whole intervention.

And yet roughly 65% of the pages people submit to us have CTA issues.

I want to walk through what I actually see when I review these pages — the specific patterns that keep showing up, the fixes that consistently move numbers, and a few things I've changed my mind about over the past year. Fair warning: I have strong opinions about button copy.

The Four CTA Killers

1. The Invisible Button

This one is almost funny.

Last month I reviewed a fintech startup's landing page. Gorgeous design — dark navy background, subtle gradients, the kind of page that makes designers nod approvingly. The CTA was a slightly-lighter-navy button with white text. On my MacBook Pro, if I tilted the screen about 15 degrees, the button basically disappeared into the background. On a cheap external monitor? Forget it.

I messaged the founder: "Where's your CTA?" He said, "It's right there in the hero." I sent him a screenshot from a Windows laptop with a TN panel. He changed the button color that afternoon. Their trial signup rate went up 34% that week.

Thirty-four percent. From changing a hex code.

Here's the principle most people get wrong: contrast ratio matters infinitely more than color choice. I cannot stress this enough. The entire internet had a collective seizure over that HubSpot test showing red buttons beat green buttons by 21% — more on that in a minute — but the actual variable in almost every "color test" is contrast, not hue.

Orange on white? Works. Dark blue on light gray? Works. A lime green that would make your design team cry on a navy background? Works beautifully. Run the WCAG contrast checker on your CTA. You need at least 4.5:1 against the background, but honestly, aim for 7:1 or higher. The button should be the single most visually prominent element in its viewport section. If it isn't, nothing else on this page matters because nobody's clicking it.

2. The "Get Started" Epidemic

"Get Started." "Learn More." "Submit."

I hate these. I hate them with a professional passion.

"Get Started" with what? "Learn More" about what, and why should I care? And "Submit" — that word literally means to yield to a superior force. Nobody wants to submit. Nobody has ever been excited to submit.

Vague CTA copy creates a micro-moment of uncertainty. The visitor has to infer what clicking will do. And in conversion, any moment of uncertainty is an exit opportunity. You're making the visitor do work that you should be doing for them.

We saw a B2B analytics page go from 2.1% to 3.8% trial conversion just by changing "Get Started" to "See my dashboard." Same page, same design, same traffic source. The only change was three words on a button. The new copy told people exactly what would happen when they clicked.

Here are the rewrites I keep recommending:

• "Get Started" → "Start my free trial"
• "Learn More" → "See how it works"
• "Submit" → "Get my free report"
• "Sign Up" → "Create my account — free"
• "Download" → "Get the playbook (PDF)"

The pattern: good CTA copy answers "What do I get when I click this?" If you can't answer that question by reading the button in isolation, the copy needs work.

3. Wrong Place, Wrong Time

Two placement mistakes. I see them constantly.

No CTA above the fold. The page opens with a headline, a subheadline, maybe a tasteful illustration — and the first button is 800 pixels down. You've already lost every visitor who arrived pre-sold. And more visitors arrive pre-sold than you'd think: people who came from a trusted friend's recommendation, a detailed comparison blog post, a podcast mention. They don't need your feature walkthrough. They need a button. Give them one.

One CTA on a long page. If your page scrolls for more than two viewports, you need multiple CTAs. This isn't being pushy. This is basic spatial awareness. The visitor who reads your case study section and thinks "okay, I'm in" shouldn't have to scroll back to the top like they're looking for the exit in an IKEA. Put a CTA after your hero, after your main proof section, and at the bottom. For long pages, add one after pricing too.

4. The Bait-and-Switch

The CTA says "Start Free Trial." Great. Click. And up pops a form asking for company name, phone number, team size, industry vertical, annual revenue range, and how you heard about us.

That's not a free trial. That's a sales qualification form wearing a free trial's clothes.

Friction is the gap between what the CTA promises and what the next step demands. The wider that gap, the more people bail. I've reviewed pages where the form behind the CTA had 11 fields. Eleven. The click-through-to-completion rate was under 8%.

There's a well-known Imagescape test showing that reducing form fields from 4 to 3 improved conversion by 50%. Each additional field is a tiny tax on motivation, and motivation depletes fast. If your free trial genuinely needs just an email address, say "Start free trial — just your email." If it requires a credit card, you'd better surround that CTA with every trust signal you've got. If it requires 11 fields, you don't have a CTA problem. You have a business model problem.

The Color Debate, Once and For All

Let's talk about the HubSpot red vs. green test because I'm tired of seeing it cited in every CRO article without context.

The test: HubSpot ran an A/B test. Red button beat green button by 21%. The internet concluded that red buttons are better. Blog posts were written. Infographics were made. "Make your button red" became received wisdom for about five years.

What almost nobody mentions: the page had a primarily green color scheme. The green button blended in. The red button stood out. The variable wasn't red vs. green. It was low contrast vs. high contrast. If the page had been red-themed, I'd bet anything the green button would have won.

I've seen this play out dozens of times in actual A/B tests our users have shared with us. A startup on a blue-themed page tested blue CTA vs. orange CTA. Orange won by 18%. Another company on a warm orange-themed site tested orange vs. dark purple. Purple won by 12%. In every case, the winner was the color that created the most contrast against the surrounding design.

So please, stop asking "what color should my button be?" The answer is: whatever color your page isn't.

One more thing: secondary CTAs ("Watch demo," "See pricing") should look visually distinct from the primary — outlined or ghost-style buttons. Two identical-looking buttons side by side create decision paralysis. I see this on roughly a third of the SaaS pages we review. Two equally prominent buttons in the hero. The visitor doesn't know which one is "the" action. So they take neither.

Friction Reducers: The Most Underrated Conversion Tool

Friction reducers are the small text and visual cues placed near the CTA that lower perceived risk. They are absurdly effective for the effort involved. Like, "I can't believe this works this well" effective.

The underrated fifth friction reducer: showing what happens after the click. A tiny screenshot of the dashboard. "You'll land on your personal workspace." The unknown is always scarier than the known. Stripe does this well — their signup flow is so visually documented that clicking feels like stepping onto a well-lit path, not jumping into a void.

CTA on Mobile: Where Most Pages Fall Apart

Mobile CTA optimization is its own discipline and most people treat it as an afterthought. "It's responsive, so it works on mobile." No. Responsive means it fits on mobile. It doesn't mean it works on mobile.

Thumb zones matter. The bottom third of the screen is the easiest reach zone for one-handed use. If your mobile CTA sits at the top of a section, it's in the hardest-to-tap zone. I audited a productivity app last quarter where their primary CTA was in the upper-right corner of the hero on mobile. Their mobile conversion rate was roughly 40% of desktop. They moved the button below the hero text, into the natural thumb zone. Mobile conversion jumped 28% in two weeks.

Sticky CTAs work. A thin bar floating at the bottom of the screen with your primary CTA ensures the action is always one tap away. Shopify does this on their landing pages. So does Notion. The key is making the sticky bar thin enough that it doesn't cover essential content — 56-64px height is the sweet spot.

Button text needs to be shorter. "Start My Free 14-Day Trial Today" might fit beautifully on desktop. On a 375px screen, it wraps to three lines and looks like a paragraph pretending to be a button. Keep mobile CTA text to 3-4 words maximum. "Start free trial" beats "Start My Free 14-Day Trial Today" on mobile every time — not because the copy is better, but because it actually looks like a button.

The companies with the best mobile CTAs I've seen: Linear (clean, high-contrast, perfect thumb placement), Figma (sticky CTA that doesn't feel intrusive), and weirdly, Duolingo (that green button is impossible to miss and impossible to not tap). Study what they do.

How roast.page Scores Your CTA

The call-to-action dimension accounts for 15% of your total roast.page score. We evaluate button visibility and contrast, copy specificity, placement above the fold, friction reducers, and whether the page provides multiple CTA opportunities for longer layouts.

Pages scoring above 70 on CTA almost always share these traits:

• High-contrast button visible within the first viewport — no scrolling required
• Outcome-focused copy that tells visitors what they'll get, not what they'll do
• At least one friction reducer within 50px of the primary CTA
• Multiple CTA instances on pages that scroll more than 2 viewports
• Clear visual hierarchy — the button is unmissable even when you squint

The 15-Minute CTA Audit

You can meaningfully improve your CTA in a single sitting. I've watched founders do this live on calls and see immediate results.

1. Screenshot your page. Squint. Can you instantly spot the button? If you have to look for it, so does every visitor. Increase contrast until it's obvious.
2. Read your button text out loud, with no context. Does it make sense? Does it tell you what you'll get? "Get Started" fails this test. "See my dashboard" passes it.
3. Check placement. CTA in the first viewport? CTA after your social proof? CTA at the bottom? If you're missing any of these, add them now.
4. Add one friction reducer. Pick the most relevant one — no credit card, money-back guarantee, time to value — and put it directly below the button. Takes 30 seconds.
5. Test on your actual phone. Not the Chrome mobile simulator. Your phone. Tap the button with your thumb. Is it easy? Does the text fit on one line? Does it look like a button or a text blob?

These five changes take 15 minutes and can produce real, measurable conversion improvement. If you want a more granular breakdown, run your page through roast.page to see exactly how your CTA stacks up.

Look — the CTA isn't where the persuasion happens. That's the job of your hero section, your copy, and your trust signals. The CTA is where the persuasion converts. All the brilliant positioning and compelling copy in the world is wasted if the visitor gets to the moment of decision and can't find the button, doesn't understand what it does, or doesn't trust what happens next.

Fix the button. Then fix everything else.