Buttons that say “Buy Now” or “Start Your Free Trial” are doing a different job than the links buried inside a paragraph. They ask for one decision and they expect an answer.
That is the whole idea behind a call to action. Marketers, product teams, and single-offer landing pages all lean on the same mechanism, and they judge it by click-through rate and conversion rate. Pageviews are beside the point here.
Databox’s research on email marketing found that 43% of marketers build their campaigns around a single CTA, while 30% run two on the same message.
Two is already a compromise, for what it’s worth.
What Is a Call to Action?
Most people shorten it to CTA and never say the full phrase out loud. The thing itself is small. A button, or sometimes one line of text, telling a visitor what to do next. You’ll find one at the bottom of a landing page and at the end of a sales email.
A few common examples:
- Buy Now
- Start Your Free Trial
- Subscribe
- Get a Demo
What separates it from a hyperlink is pressure. A link sitting in a paragraph offers a quiet option to keep reading, and most people scroll past it without registering the choice. A CTA is built to be seen and to force a yes or a no.
That makes it one of the more recognizable pieces of user interface design, packed into a few words and one clickable shape.
Netflix’s homepage button says “Get Started.” No explanation of the service, no second option. Just the next click.
How a Call to Action Works
Someone can read a page, agree with every word of it, and still close the tab. A CTA closes that gap between reading and doing.
Good user experience design expects the drift and puts the next step in front of the visitor before attention goes.
Of all the interactive elements on a typical page, this is the one that turns passive reading into an actual decision.
Why people click traces back to older persuasion research, mostly Robert Cialdini’s work, which conversion writers still treat as the reference point. Urgency and scarcity do most of the lifting. Social proof handles whatever hesitation is left over.
Urgency and Scarcity
Urgency pushes a visitor toward now instead of later. Scarcity applies a different kind of pressure, signaling that waiting has a cost attached, usually a missed spot or a missed price.
- Sale ends tonight
- Only 3 seats left
- Offer expires in 2 hours
- Price goes up Monday
Booking.com built much of its interface around this exact pattern, flashing lines like “Only 2 rooms left at this price” right next to the booking button.
The effect fades fast if it is not true. A countdown that resets on every visit trains people to ignore it, and they do notice.
Social Proof
A quote from a real customer sitting near the button does one version of this. Numbers do another, whether that’s “Join 40,000 subscribers” or a live counter of recent signups. Then there’s borrowed authority, a row of client logos or press mentions parked above the CTA.
All of it tells a hesitant visitor the same thing. People like them already clicked, so the risk isn’t theirs alone to carry.
Types of Call to Action
Not every CTA is doing the same job on the same page.
The type decides how much attention it should pull, and how early in the funnel it belongs.
| Type | Definition | Example | Best Funnel Stage |
|---|---|---|---|
| Primary | The one action the page wants most | Buy Now | Decision |
| Secondary | A lower commitment alternative | Learn More | Consideration |
| Hard | Direct request for commitment | Start Free Trial | Decision |
| Soft | Low pressure, information first | Download the Guide | Awareness |
Primary and Secondary
The primary CTA is the one action the page cares about most, and it should look like it.
A secondary one sits nearby for visitors who aren’t ready. Smaller, or outlined instead of filled.
In practice that means a solid, high contrast button at the top of the visual hierarchy, with the softer alternative rendered as a text link or a ghost button somewhere after it.
Spotify runs this pairing on its homepage. “Get Spotify Free” is the solid button, and “Learn More” waits beside it carrying almost no visual weight.
Stack two primary buttons of equal weight on one page and both convert worse. The visitor now has a choice to make before the click, which is one more thing than you asked for.
Hard and Soft
A hard CTA asks for something with a real cost attached. A purchase, a paid signup, a phone call with a sales rep.
Soft ones ask for almost nothing, which is exactly why they work early in the relationship.
Grammarly puts both on one screen. “Get Grammarly” is the hard ask, and a quiet “Not now” gives everyone else a way out.
Soft asks also turn up inside a popup or a modal window, offering something small like a guide download long before price ever comes up.
Where to Place a Call to Action
Placement decides whether a visitor sees the button at all before deciding to leave.
There’s no single correct spot. Page length, how complicated the offer is, and how the visitor is already scanning all change the answer.
Above the fold is the safe default for a short page or a single offer, since above the fold content gets seen without a scroll. On longer pages, a sticky sidebar button that follows the scroll does better than one waiting patiently at the top. Exit intent popups fire the moment a cursor heads for the close button, which is a last swing at someone already on their way out. I find those irritating as a user and effective as an operator, which is an uncomfortable combination.
Reading behavior backs the placement worry up. Most visitors scan a page in an F-pattern reading shape, so attention drops the further down and to the right the eye travels.
Bury your only CTA at the very bottom and you’re betting the page on a visitor who reads everything.
Dropbox’s original landing page kept its signup button and one explainer video above the fold. Nothing else on the page competed for attention.
How to Design a Call to Action Button
Contrast is what gets a button noticed before anything else. Not a particular hue, just color contrast against whatever sits behind it.
HubSpot’s Performable team once tested a red button against a green one on the same page, and the red version pulled 21% more clicks (Joshua Porter, HubSpot Performable case study).
Red was never the reason. That page leaned green everywhere else, so red was the one element breaking the pattern. Run the same test on a red page and you’d get the opposite headline.
Size should be enough to notice without looking desperate. Rounded corners read friendlier and sharp corners read more formal, which matters less than people tend to argue. Spacing matters more, because a button crowded by text has to fight nearby copy for the eye.
Generous white space around a button pulls attention faster than any color choice on its own.
The W3C’s WCAG 2.5.5 guideline sets 44 by 44 CSS pixels as the minimum tap target size for any button (W3C, WCAG 2.5.5).
Go smaller than that on a phone and it stops being an eyesore. It becomes a target people miss with their thumb.
HubSpot’s own marketing pages still run on this same logic, with an orange CTA against a mostly white and blue layout so it reads before anything else does.
What Words Work Best in a Call to Action
The verb on the button does more work than the rest of the page copy around it.
“Get Started” and “Submit” ask for the same click. Only one of them sounds like something a person would choose to do.
Get, Start, Try, Join, Claim and Unlock all pull their weight. Submit, Click Here, Continue and Learn More don’t, and “Submit” in particular sounds like paperwork.
Michael Aagaard’s split test for Unbounce changed a single word on a trial signup button, swapping “your” for “my,” and clicks rose by 90% (ContentVerve, Unbounce).
Nothing else on the page changed. One pronoun.
SiriusXM uses the same first person pattern on its signup flow, with a button that reads “Get my username and password to listen online.” Long for a button, but the voice is doing something.
Length matters almost as much as verb choice. A full sentence on a button reads as a task. Two or three words read as one motion.
Unbounce’s 2024 Conversion Benchmark Report found landing pages written at a 5th to 7th grade reading level convert nearly twice as well as pages written at a professional reading level (Unbounce, 2024).
Plain wording isn’t a compromise on quality. On a button it’s the entire job.
Call to Action Channels: Email, Landing Pages, Ads, and Checkout
The channel changes what a CTA has to do, even when the wording stays identical.
In an email it competes with a stack of unread messages, so it earns the click in one glance or not at all. On a landing page it has the visitor’s full attention, because the page exists to support it. Ads are more constrained, since the platform usually sets the button text and you’re picking from a list rather than writing. Checkout is the odd one out. By then the visitor already decided to buy, so the button’s job is removing friction instead of persuading.
WordStream’s 2024 benchmark data puts the average search ad click-through rate above 6% across industries, with Arts and Entertainment topping 13% (WordStream, 2024).
Copy that wins in an ad rarely transfers straight to a landing page. Intent isn’t the same at each stop.
All of it still has to render on a phone, where responsive design decides whether the button is tappable in the first place.
Checkout and signup flows also depend on accessible forms. A CTA is only as strong as the field structure sitting right next to it.
Shopify splits its checkout buttons deliberately, running “Buy It Now” beside “Add to Cart” instead of collapsing both actions into one generic button.
How to Write a Call to Action
Writing one starts with the action, not the words.
Everything after that follows from the decision you made first.
- Name the one action the page needs. Not three options, one.
- Pick the verb before anything else: Get, Start, Try, Join, Claim.
- Write three short variants of the same button, then cut each one down further.
- Match the wording to how much the visitor is being asked to commit.
- Pair the final copy with placement and contrast before it ever goes live.
- Add a small micro-interaction, like a hover shift or a click animation, so the button visibly responds when pressed.
Step three is where most of the actual work happens, and it’s cutting instead of adding.
“Submit your information to receive a free consultation” ends up closer to “Get My Free Consultation.” Sometimes shorter than that.
Basecamp built a whole brand voice out of this kind of trimming, running a homepage button that just says “Give Basecamp a try.”
Rough out a few visual variants at the same time with a CSS button generator, so copy and shape get tested together. Writing first and designing later tends to produce a good sentence in a bad box.
How to Measure Call to Action Performance
Two numbers decide everything. How many people saw the button, and how many clicked it.
Click-through rate and conversion rate answer different questions, and mixing them up hides what’s actually going on. Clicks against views is one of them. Completed actions against total visitors, further down the funnel, is the other.
A few sourced benchmarks worth testing against:
- Median landing page conversion rate: 6.6% across all industries (Unbounce, 2024 Conversion Benchmark Report)
- Average email CTA click-through rate: 3 to 5%, reported by over 40% of contributors (Databox)
- Personalized CTAs convert 202% better than generic ones, based on an analysis of over 330,000 CTAs (HubSpot)
- Single-CTA emails get up to 371% more clicks than emails running multiple CTAs (WordStream)
Test one variable per run. Wording, or color, or placement.
Small samples produce noise that looks a lot like an answer.
Airbnb runs its button copy and placement tests through an internal experimentation platform before any change reaches every visitor.
Keep an eye on broader usability alongside the click number. A button that wins clicks and then confuses the next step isn’t a win, it just looks like one in the report.
Common Call to Action Mistakes
Most CTA problems aren’t creative problems. They’re clutter problems.
| Mistake | Why It Hurts | Fix |
|---|---|---|
| Multiple competing CTAs | Splits attention, visitor picks neither | One primary action per page |
| Vague verb | Gives no reason to click now | Swap for a specific action verb |
| Low contrast button | Gets scrolled past unseen | Increase contrast with the background |
| Testing everything at once | Results cannot be attributed to one change | Isolate one variable per test |
Omnisend’s analysis of 229 million emails sent during Black Friday and Cyber Monday found that messages with three or more CTAs pulled a lower click-through rate than messages with fewer.
The instinct to add one more link usually comes from somewhere decent. You want to give people options.
It backfires because more options slow down the decision.
Slack’s onboarding screens keep to one CTA per screen for this exact reason, never asking for two decisions at once.
A crowded navigation bar sitting right next to the button does the same damage. Every extra link is another way out of the page.
When a Call to Action Does Not Work
Pushed into the wrong moment, a CTA drives visitors away instead of forward. Awareness stage content is the clearest case, where someone reading an introductory blog post is nowhere near ready for “Request a Demo.”
83% of B2B buyers define their requirements before their first call with a sales rep, according to the 6sense Buyer Experience Report 2025.
A hard CTA dropped into that research window asks for a conversation the buyer doesn’t want to have yet.
Content-led brands like Zendesk usually close educational blog posts with a newsletter signup instead, saving the harder ask for later in the funnel.
A page with no real next step is a different failure. Adding a button because the template has a slot for one reads as filler, and readers clock it quickly.
Repeating the same ask to an audience that already converted is closer to noise than persuasion.
Then there’s accessibility, which fails the button rather than the timing. One that can’t be reached by keyboard, or that gives a screen reader nothing to announce, fails that visitor no matter how sharp the copy is.
That puts web accessibility in the baseline column, not the nice-to-have column.
Custom button elements are where this usually breaks. Without correctly applied ARIA attributes, assistive technology has nothing to work with.
In all of these cases, a softer ask or none at all beats a hard one forced into the wrong moment.
FAQ on What Is A Call To Action
Is a Call to Action the Same as a Headline or a Plain Link?
A headline creates interest and a plain hyperlink offers optional reading. A call to action asks for one clear decision, right now. It stands apart visually too, usually a button, not text sitting inside a paragraph.
Is a Call to Action Always a Button?
No. It can be a button, a styled text link, or a banner. Email and text-heavy pages often use bold text instead of a button, which works fine as long as the wording still asks for one action.
How Many Calls to Action Should One Page Have?
One primary call to action per page is the standard. A single secondary CTA can sit alongside it for visitors who aren’t ready yet. Repeating that same button further down a long page is fine; adding different offers is not.
What Should Replace a Call to Action When It Is Not Converting?
Test wording and contrast before replacing anything. If clicks stay low, swap a hard CTA for a softer one, like a guide download instead of a demo request, or check whether the traffic reaching the page actually matches the offer.
What Should You Fix First in What Is A Call To Action?
Fix visibility before anything else. Contrast first, wording second, placement third, because better copy can’t rescue a button nobody notices.
- Contrast and visibility
- Wording and verb choice
- Placement on the page
That order carries one trade-off. Early click gains after a design change reward visibility, not persuasion, so a bump right afterward doesn’t confirm the words underneath are right yet.
The gap closes once wording gets tested on its own, isolated from the contrast change that came before it.
Once a single button converts well, the pattern belongs in a design system so every button on the site inherits the same contrast and wording rules going forward.
Many of his resources are available on various design marketplaces. Over the years, he's worked with a range of clients and contributed to design publications like Designmodo, WebDesignerDepot, and Speckyboy, Slider Revolution among others.
- What is Backend in Web Development? - September 13, 2026
- What is Frontend Development? - September 11, 2026
- How to Make a Button in Figma: Design Best Practices - September 10, 2026
