Most websites have calls to action. Buttons that say "Contact Us" or "Learn More" scattered across pages, doing the bare minimum. The problem isn't that CTAs are missing. The problem is that they're not working. If your buttons aren't getting clicked and your forms sit empty, the issue usually isn't the button itself.
The gap between a call to action that exists and one that converts comes down to strategy more than aesthetics. Button color gets all the attention in CTA conversations, but placement, copy, and context do the real work. Getting your conversion rate up starts with understanding what makes a CTA effective in the first place.
This article covers the full picture with real call-to-action examples: what makes a CTA work, where to place them on your website, how to write CTA copy that gets clicked, how to design CTA buttons that draw attention, and the common mistakes that quietly kill conversions.
What a Call to Action Actually Does (And Why Most Fail)
A call to action is any element on a web page that prompts a visitor to take a specific action. That could be a CTA button, a form, a text link, a banner, or a social media share prompt. If it asks someone to do something, it's a CTA.
Not all types of CTAs carry the same weight. Your primary CTA is the main conversion goal for the page, the one action you want most visitors to take. A secondary CTA offers a softer ask for people who aren't ready for the primary (think "See Case Studies" next to "Book a Demo"). Some pages also have tertiary CTAs that are more navigational. Most pages need one primary and possibly one secondary. That's it.
The reason most CTAs don't convert is a mismatch between what the visitor wants at that moment and what the CTA asks for. A "Book a Demo" button on an awareness-stage blog post is asking for too much too soon. The page content builds the case, and the CTA should close it. When the desired action doesn't match where the visitor is in their decision process, the button might as well not exist.
The user experience around the CTA matters as much as the button itself. A great CTA on a confusing page still won't convert. Visitors need to understand what you do, trust that you can deliver, and feel confident about what happens next before they'll click anything.
For more on conversion strategy:
CTA Strategy Comes Before CTA Design
This is the part most articles skip, and it's the part that matters most. Before you pick colors or write button text, you need to know what each page should accomplish and what action makes sense for the visitor who lands there.
Match the CTA to the page intent. Every page on your website serves a different purpose in your marketing strategy, and the call to action should reflect that. Map your CTAs to where the visitor is in the buying process:
- Awareness pages (blog posts, educational content): Soft CTAs like content downloads, newsletter signup, or joining an email marketing list. These visitors are gathering information, not ready to buy.
- Consideration pages (case studies, comparison guides, resource libraries): Medium CTAs like "Download the Guide" or "Watch the Webinar." The visitor is evaluating options.
- Decision pages (pricing, contact, product pages): Hard CTAs like "Request a Quote," "Start Your Free Trial," or "Buy Now." The visitor is ready to take immediate action.
One primary CTA per page. When you give visitors multiple CTAs competing for attention, you create decision paralysis. A secondary CTA is fine, but it shouldn't fight the primary for visual dominance.
Your CTA needs to match your target audience's stage and pain points. What a first-time blog reader needs to see is different from what a returning visitor on your pricing page needs. The CTA should feel like the natural next step, not a random ask. If someone reads your content and thinks "okay, what now?" the CTA should answer that question.
Trust supports action. CTAs placed near testimonials, case studies, or data that builds trust convert better than isolated buttons. People click when they feel confident about what comes next, and proof points reduce the mental friction that stops them.
Ramp's homepage is a clean example of this hierarchy in action. The primary CTA is an email field paired with "Get started for free," targeting visitors who are ready to move. Below it, a quieter "Explore product →" link catches everyone else. Two paths, zero confusion. The visual weight makes it obvious which action matters most, while the secondary option keeps evaluating visitors engaged instead of bouncing.
For more on buyer journey and lead generation:
- B2B Buyer Journey Mapping: Building Websites That Convert
- B2B Website Lead Generation: Turning Visitors Into Pipeline
- B2B Website Trust Signals: Building Credibility That Converts
Where to Place CTAs on Your Website
Strategic placement is where most CTA advice gets oversimplified. "Put it above the fold" is fine as a starting point, but the reality is more nuanced.
Above the fold works for homepages and landing pages where intent is clear. When someone lands on your homepage, they expect to see a CTA in the hero section. Don't make them hunt for it. But for blog posts and educational content, a CTA above the fold can feel premature. The reader needs context first.
After proof points is one of the highest-converting placements on any page. Place CTAs after content that builds confidence: a testimonial, a case study highlight, or a compelling data point. The CTA converts the trust the content just built.
End of page should always have a CTA. Website visitors who scroll to the bottom of a long page are engaged. They read the whole thing. This is often the highest-converting CTA placement on long-form pages, and it's the one most sites forget.
In-content CTAs work well for blog posts, content marketing pages, and long-form content. Inline text links and mid-article banners catch readers who are ready to act before reaching the bottom. Don't make everyone scroll to the footer to take the next step.
Sticky or floating CTAs are useful for long pages where the primary CTA needs to stay visible. But poorly implemented sticky CTAs that cover content, can't be dismissed, or take up half the screen on mobile devices hurt more than they help.
Pop-ups and exit-intent CTAs can work when done right. Timed pop-ups that appear after 30 seconds or 50% scroll depth catch engaged visitors. Exit-intent pop-ups target people about to leave. But pop-ups that fire immediately on page load, especially on mobile, damage the user experience and violate Google's interstitial guidelines. If your pop-up makes visitors angry, it's not converting anyone worth having.
One more thing about the fold: more people scroll than you think. But the first screen still drives bounce decisions. Both above-the-fold and below-the-fold placements matter. It's not one or the other.
Deel's homepage packs multiple CTA entry points into the hero without creating clutter. The primary "Speak to sales" button sits alongside a rotating customer testimonial, placing proof and action in the same visual frame. The navigation adds "Book a demo" for visitors who prefer a lighter touch, and a banner across the top offers a third path: "Skip the sales call. Hire your first employee now." Three CTA touchpoints, each calibrated to a different visitor mindset, all above the fold.
Compare that to Superhuman's approach. One CTA. One sentence. One button: "Get Superhuman." The surrounding product screenshots provide context, but the button is the only thing asking for a click. When the page design is focused enough, a single well-placed CTA does more work than a dozen scattered across a cluttered layout.
For more on placement strategy:
- B2B Homepage Design: What the Best B2B Homepages Get Right
- How to Write a Website Hero Message (With Examples and Formulas)
How to Write CTA Copy That Gets Clicked
CTA copy might be the single highest-impact thing you can change on your website. It takes minutes to update, costs nothing, and the difference between good CTA text and bad CTA text is measurable.
Start with action verbs. "Get," "Start," "Download," "See," "Book." These tell the visitor exactly what happens when they click. Action-oriented language removes ambiguity. Compare "Submit" to "Get Your Free Audit." One is a command that tells the visitor nothing. The other is a promise.
Be specific about the outcome. The CTA copy should communicate the value proposition in miniature. "Get Your Free Site Audit" beats "Learn More" because the visitor knows exactly what they're getting. Vague CTAs force people to guess, and people who are guessing don't click.
First-person vs. second-person. "Start My Free Trial" vs. "Start Your Free Trial." Research supports first-person for many contexts, with some studies showing a 90% increase in click-through rates. But the key is that the language feels natural. If first-person sounds awkward for your brand, don't force it.
Keep CTA text short. Two to five words for button text. If you need to explain more, use a supporting line above or below the CTA button. "No credit card required" or "Join 2,000+ companies" beneath the button reduces friction without cluttering the button itself.
Create a sense of urgency when it's real. Limited-time offers, enrollment deadlines, seasonal pricing. These work because the urgency is genuine. Fake urgency ("Only 3 spots left!" on an evergreen webinar) erodes trust. Visitors can tell the difference, and once trust breaks, that CTA isn't getting clicked.
Address the hesitation. Good CTA copy anticipates what might stop someone from clicking. "Free consultation, no obligation" addresses the "will I get locked into a sales call?" fear. "Takes 2 minutes" addresses the "I don't have time" objection. Name the pain point that sits between the visitor and the click.
What to avoid. "Submit" tells visitors nothing. "Click Here" is vague and outdated. "Learn More" works occasionally but is overused to the point of invisibility. Any CTA that doesn't communicate what happens next is a missed opportunity.
Toggl Track's homepage CTA puts these principles to work. "Start tracking for free" does three things in four words: it uses an action verb ("start"), names the specific outcome the visitor wants ("tracking"), and eliminates the cost objection ("for free"). Compare that to a generic "Sign up," which tells the visitor nothing about what happens after they click. The secondary "See how it works" with a play icon gives visitors who aren't convinced yet a softer path forward.
For more on writing web copy:
- B2B Website Copywriting: Writing for Committees, Not Individuals
- B2B Website Messaging Framework: Copy That Resonates
CTA Button Design That Draws Attention
Design is where most CTA advice starts, but it's more effective when it comes after strategy and copy. A well-designed button with bad copy still won't convert. With that caveat, design elements matter. A lot.
Contrast over color. The CTA button needs to stand out from its surroundings. Orange isn't inherently "better" than blue. What matters is that the button uses contrasting colors that don't appear elsewhere on the page. If your site is mostly blue, a blue CTA blends in. The goal is visual distinction, not a specific color.
Size and white space. The CTA needs breathing room. Cramped buttons get lost in the layout. Generous white space around a CTA draws the eye naturally. The button itself should be large enough to tap comfortably on mobile (minimum 44x44 pixels per accessibility guidelines) but proportional to the page. A massive button on a minimal page feels aggressive.
Button vs. text link vs. form. When to use each depends on the weight of the ask. CTA buttons work for primary actions. Text links work for inline or secondary CTAs within body content. Forms work for direct capture (email signup, contact requests). Using a button for your primary CTA and a text link for your secondary creates clear visual hierarchy without cluttering the page.
Visual hierarchy. The primary CTA should be the most visually prominent clickable element in its section. If the visitor's eye lands on a navigation link or a secondary button first, the hierarchy is broken. Size, color, and positioning all contribute to what the visitor sees first.
Ghost buttons for secondary CTAs. An outline-only button works well for offering an alternative. "See Pricing" as a ghost button next to a solid "Book a Demo" gives visitors a secondary path without competing with the primary CTA for attention.
Font and readability. Button text should be legible at a glance. Use a clean, readable font at a comfortable size. If visitors need to squint or lean forward to read your CTA, it's too small. Bold or semi-bold weights work well for button text because they create just enough contrast against the button background.
Mobile CTA design. Full-width buttons on small screens. Adequate spacing between tap targets so visitors don't mis-tap. Test every CTA on an actual phone, not just a responsive preview in your browser. What looks fine at 375px in DevTools can feel cramped in someone's hand.
Chargebee's hero section shows this pattern clearly. The solid orange "Get a Demo" button is the page's visual anchor, the first element your eye hits. Next to it, "Start Free Trial" in an outline style offers a self-serve path for visitors who'd rather explore on their own than talk to a sales rep. Both buttons lead toward conversion, but the visual weight makes it clear which one the company considers the primary action. The contrast between solid and outline does the prioritizing so the visitor doesn't have to.
Warby Parker's homepage balances two CTAs with distinct intent. The solid blue "Start with a quiz" guides uncertain visitors through a personalized experience. The outline "Shop eyeglasses" is there for people who already know what they want. Below the hero, a trust bar reinforces both paths: "20% off first contacts order," "Free shipping," "Free 30-day returns," "Vision benefits accepted." The CTAs and trust signals work as a unit. The buttons provide the action, and the trust bar removes the reasons not to click.
CTAs for Different Page Types
The advice above applies broadly, but different pages have different jobs. Here's how to apply call-to-action best practices by page type, with CTA examples for each.
Homepage CTAs
Your homepage CTA is the clearest possible next step: book a call, see pricing, explore solutions. The hero CTA matters most, but supporting CTAs throughout the page guide visitors who aren't ready for the primary action yet.
Most effective homepages pair a strong primary CTA with a softer secondary path. "Get Started" next to "See How It Works" gives both ready-to-act and still-evaluating visitors a clear next step. Don't underestimate the secondary CTA. It catches the visitors who would otherwise leave because the primary felt like too big a commitment.
Service and Product Page CTAs
Visitors on these pages are further down the funnel. Match the CTA to decision-stage intent. "Request a Quote" or "Book a Consultation" beats "Learn More" here because the visitor already knows what you do. They're evaluating whether to work with you.
For e-commerce product pages, "Add to Cart" or "Buy Now" with supporting CTAs like "Compare Options" works well. The primary action is transactional, and the page should make completing that transaction as frictionless as possible.
Blog Post CTAs
Blog readers are gathering information, not ready to buy. Don't ask them to "Contact Us." Instead, offer something that matches their intent: a downloadable guide, a checklist, a template related to the post topic. These content upgrades bridge the gap between reading and converting.
End-of-post CTAs should lead to the next logical step. If someone just read your article about CTA best practices, the natural next step might be an article about conversion optimization or a free website audit. Blog CTAs are also excellent for email marketing list building because you're catching people at peak interest.
Landing Page CTAs
Single focus. One primary CTA. One desired action. That's the formula for a high-converting landing page. Remove everything else. The entire landing page exists to support this one conversion. Every element on the page, the headline, the copy, the images, the testimonials, should point toward the CTA.
Form length matters here. Name and email for top-of-funnel offers. More fields for bottom-of-funnel offers, but know that every additional field reduces conversion rates. If you're asking for a phone number, company size, budget range, and timeline on a newsletter signup form, you've already lost them.
Kotn's homepage for their Tefnut Collection takes the single-focus principle and applies it with editorial restraint. Full-bleed photography, a collection headline, and one CTA: "Explore Now." Below the hero, the new arrivals grid continues the story rather than diverting attention to unrelated products. Category navigation at the bottom gives broader context, but by the time visitors scroll there, the collection has already made its case. Every element on the page serves the same goal.
For more on page-specific strategy:
- B2B Homepage Design: What the Best B2B Homepages Get Right
- B2B Website Content Strategy: From Awareness to Decision
Testing and Improving Your CTAs
"Test your CTAs" is common advice. Here's how to actually do it.
What to A/B test first. Start with CTA copy. Changing the words on the button is the fastest, cheapest change, and it's often the highest-impact. Then test placement. Then design. Button color is last on the priority list, despite getting the most attention in CTA conversations.
How to run a meaningful test. Change one variable at a time. Run the test until you reach statistical significance, not just a few days of data. Calling a winner after 200 visitors and a 3% difference isn't testing. It's guessing. Most meaningful A/B tests need at least two to four weeks depending on your traffic volume.
Metrics that matter. Click-through rate on the CTA itself is the obvious metric, but track downstream conversion rates too. A CTA can generate clicks but not leads if the next step (the form, the landing page, the checkout flow) is broken. Measuring clicks without measuring conversions gives you an incomplete picture.
Use heatmaps and scroll maps. Before you optimize what your CTA says, make sure people can actually see it. Heatmap tools show where visitors click and how far they scroll. If nobody scrolls to your CTA, the problem isn't the copy or the color. It's the placement.
When not to A/B test. If your site gets fewer than a few thousand visits per month, micro-tests (changing a button from blue to green) won't produce reliable data. With low traffic, test bigger changes: copy and placement together, or completely different CTA approaches. Small tweaks need large sample sizes to show meaningful differences.
Track and iterate. CTA optimization isn't a one-time project. Review your CTA metrics monthly and test new variations quarterly. What works today may plateau in six months as your audience and traffic patterns shift.
Common CTA Mistakes That Kill Conversions
These are the patterns that quietly undermine CTAs across thousands of websites. Most are easy to spot and straightforward to fix.
- Too many CTAs competing on one page. When everything is a call to action, nothing is. Multiple CTAs on the same page create decision paralysis and dilute any sense of urgency. Pick one primary action and give it visual dominance.
- Generic copy that says nothing. "Submit," "Click Here," "Learn More" without context tells the visitor nothing about what happens next. Every CTA should answer the question "what do I get if I click this?"
- CTA doesn't match the page intent. Asking for a demo on an awareness-stage blog post. Asking for an email signup on a pricing page. When the CTA and the page content are misaligned, neither one converts.
- Hiding the CTA below a wall of text. If the visitor can't find the CTA, they can't click it. Long pages without visual breaks bury the action. Use white space, headings, and layout to make CTAs scannable.
- Ignoring mobile. Tiny buttons, overlapping elements, pop-ups that cover the entire screen on a phone. More than half of web traffic is mobile. Test on real mobile devices, not just a browser resize.
- No CTA at all. The page that just ends. No next step, no direction, nothing. The visitor reads the content, shrugs, and leaves. Every page should tell the visitor what to do next.
- Asking for too much too soon. A 15-field form for a newsletter signup. Requiring a credit card for a "free" trial. Every additional friction point between the visitor and the action reduces your conversion rate. Reduce friction at every step.
Where to Start
If you're building new pages or planning a redesign, start with strategy. Map your CTAs to the buyer journey before you think about colors or button shapes. The strategic foundation determines whether anything else matters.
If your site is live but CTAs aren't converting, start with copy. Changing the words on the button is the fastest improvement you can make, and research shows it's often the highest-impact. A specific, benefit-driven CTA outperforms a vague one almost every time.
Either way, test one change at a time and measure the results. Better CTAs also support SEO — pages with higher engagement and lower bounce rates send stronger signals to search engines. CTA optimization is an ongoing part of any digital marketing strategy, not a one-time project. The sites that convert well are the ones that treat every CTA as a hypothesis worth testing.
For more on building a website that converts: