CTA

Learn more

CTA stands for call to action. It is an element that tells an audience what specific step to take next. A CTA may encourage someone to purchase a product, request a quote, subscribe to a newsletter, download a resource, create an account, or continue to another page.

A call to action most often appears as a button or link, but it can also be a line of text, form control, banner, icon, or in-app message. Its purpose, rather than its visual style alone, determines whether an element functions as a CTA.

Calls to action are used on websites, online stores, landing pages, advertisements, emails, social media, applications, and sales materials. They help move people from consuming a message to taking a defined action.

How does a CTA work?

A CTA identifies the next step and reduces uncertainty about what a user can do on a page. An effective call to action combines clear language with the right format, placement, and context.

A typical CTA is designed to:

draw attention to an available action;
explain what the next step involves;
communicate a benefit or expected outcome;
make the action easy to complete;
move the user to another stage of the customer journey;
record the interaction for analytics purposes.

Clicking a CTA is not always the final conversion. A “Proceed to checkout” button begins another stage of the process, while the meaningful business conversion may be a completed order. CTA clicks should therefore be distinguished from the ultimate outcome the call to action is intended to produce.

A CTA can also support a microconversion, such as viewing pricing, saving a product, or beginning a configuration. These interactions may not generate immediate revenue, but they can move a user closer to the primary goal.

What are some examples of calls to action?

A CTA label should correspond to an action the user can actually perform. Common examples include:

“Add to cart”;
“Buy now”;
“Request a quote”;
“Schedule a consultation”;
“Call us”;
“View our work”;
“Browse available models”;
“Download the report”;
“Register for the webinar”;
“Join the newsletter”;
“Create a free account”;
“Start your free trial”;
“Compare plans”;
“Read the complete guide”;
“Submit your application”.

The right wording depends on the context. “Buy now” may work for a straightforward consumer product but feel too demanding for a complex B2B service that requires an initial discussion. In that situation, “Discuss your project” or “Request an initial estimate” may be more appropriate.

What forms can a CTA take?

A call to action does not have to be a large button in the center of a page. It may appear as:

a button that performs an interface action;
a link to another page or section;
a form submission control;
a text prompt within an article;
a promotional banner;
a product or service card containing an interactive element;
a sticky bar that remains visible while the page is scrolled;
a tap-to-call phone number;
an action inside a search or social media ad;
a button in an email;
an in-app notification or prompt.

The format should match the type of interaction. Navigation to another page is generally implemented as a link. An operation performed within the current interface, such as opening a form, adding an item to the cart, or saving settings, will usually require a button.

What is the difference between a primary and secondary CTA?

A primary CTA represents the highest-priority action available in a particular view. It may allow the user to purchase a product, submit an inquiry, or begin registration.

A secondary CTA offers another useful step for people who are not yet ready to complete the primary action. It may lead to pricing, case studies, a demonstration, product details, or a conversation with an advisor.

For example, a page might contain:

primary CTA: “Request a quote”;
secondary CTA: “View our work”.

The two options should not compete for attention with equal visual weight. The design hierarchy should indicate which action has priority. This does not mean an entire website can contain only one CTA. The primary action may be repeated in relevant sections, while product listings commonly contain multiple equivalent controls for separate items.

How should a CTA reflect the customer journey?

A visitor who has only just discovered a company may not be ready to make a purchase or complete a detailed inquiry form. The CTA should reflect the decision stage and the amount of information available to the user.

Calls to action for different stages may include:

awareness: “See how the service works” or “Read the guide”;
consideration: “Compare plans,” “View case studies,” or “Explore features”;
decision: “Request a quote,” “Schedule a consultation,” or “Buy now”;
customer support: “Track your order” or “Contact support”;
retention: “Renew your subscription,” “Order again,” or “Upgrade your plan”.

Asking for a significant commitment too early may discourage the user. A generic “Learn more” CTA, however, may be unnecessarily vague for someone who is already ready to purchase.

How should an effective CTA be written?

CTA copy should clearly describe the action and the outcome the user can expect. Short labels are usually easier to scan, but reducing the word count should not remove essential meaning.

An effective call to action generally:

begins with a clear action verb;
describes a specific action;
matches the offer and the customer’s decision stage;
sets expectations for what will happen next;
does not promise an outcome that will not be delivered immediately;
uses language the intended audience understands;
avoids unnecessary jargon;
remains meaningful outside the surrounding visual design.

Labels such as “Click here,” “Continue,” “Explore,” or “Submit” often provide too little information. “View service pricing,” “Continue to order review,” or “Submit a quote request” can communicate the purpose more clearly.

A CTA must also describe the next step honestly. A “Download the report” button should not unexpectedly open a sales contact form. If an email address is required before the download becomes available, that condition should be communicated before the user acts.

How should a CTA be designed and positioned?

A call to action should be noticeable without necessarily overpowering the entire page. Its visual treatment should reflect the information hierarchy and the importance of the action.

CTA design should account for:

sufficient contrast between the text, control, and background;
a readable label;
a sufficiently large interactive area;
spacing from neighboring links and controls;
a recognizable interactive appearance;
visible hover, focus, active, and disabled states;
consistency with other interface components;
proper behavior on mobile devices;
avoiding sticky controls that obscure important content.

Placing a CTA above the fold may improve visibility, but it is not a universal requirement. If a decision depends on understanding the service scope, price, or conditions, the call to action may be more effective after this information has been presented. On a longer page, the primary CTA can be repeated after relevant sections when each placement makes sense in context.

How should CTAs be used on a landing page?

A landing page is generally created around a primary objective, so its CTA should directly match the promise made in the ad, email, or other message that brought the visitor to the page.

If an ad promotes a free report, the landing page should clearly present the report, its download conditions, and a call to action that reflects that offer. Replacing it with a generic button leading to the company homepage can break the continuity of the message.

An effective landing-page CTA should:

support the campaign objective;
remain consistent with the source message;
appear close to the main benefit or relevant form;
avoid competing with numerous unrelated actions;
explain the next step;
work across different screen sizes;
lead to a measurable outcome.

Reducing competing actions does not mean that every landing page must remove all navigation. The appropriate level of simplification depends on the offer, the visitor’s need for reassurance, and the information required to make an informed decision.

How are CTAs used in ecommerce?

On an ecommerce product page, the primary CTA generally allows the customer to add the item to the cart or begin an immediate purchase. Its effectiveness depends on more than its label and color. Customers also need sufficient product information to make a decision.

Relevant information near the CTA may include:

the price and any promotional price;
the selected product variation;
stock availability;
the estimated shipping date;
important delivery or return conditions;
required product options;
validation messages that explain why the product cannot yet be added.

If the customer must choose a size or color first, the interface should clearly identify the missing selection. A disabled button with no explanation may make the store appear broken.

Purchase CTAs should not be obscured by recommendations, pop-ups, or extensive additional offers. Cross-selling and upselling may increase order value, but they should not interfere with the customer’s primary task.

Should a CTA be a link or a button?

A CTA describes the purpose of an element, while links and buttons are interface components with different technical meanings.

A link should primarily be used when the user navigates:

to another page;
to a location on the current page;
to a file or external website;
to an email address or phone number.

A button should generally perform an action, such as:

submitting a form;
adding an item to the cart;
opening a modal or menu;
saving settings;
playing media;
changing the state of the interface.

A navigation link can be visually styled as a button. However, a semantic button should not be replaced with a noninteractive div or span that only works through custom scripting. Native HTML elements provide expected keyboard behavior and communicate the correct role to assistive technologies.

How can a CTA be made accessible?

A call to action should be recognizable and operable by people using a keyboard, screen reader, magnification software, or touchscreen device. A contrasting button color alone does not make a CTA accessible.

An accessible call to action should:

have understandable visible text or an appropriate accessible name;
communicate the purpose of the link or action;
be reachable and operable with a keyboard;
provide a clearly visible focus indicator;
maintain sufficient contrast for text and interface elements;
offer a comfortable interactive area for touchscreen users;
avoid communicating meaning through color or an icon alone;
remain readable when the page is zoomed;
not be obscured by sticky interface elements;
communicate loading, disabled, and completion states;
avoid unexpected changes of context.

Under WCAG 2.1, the purpose of a link should be clear from its text or programmatically determined context. Repeated links labeled only “Read more” can be difficult to distinguish, especially when a screen reader user opens a list of all links on the page.

At Level AA, WCAG 2.2 introduces an additional minimum pointer-target requirement. The criterion generally requires a target of at least 24 by 24 CSS pixels or sufficient spacing, subject to defined exceptions. A larger interactive area may still provide a better experience, particularly on mobile devices.

How should CTA performance be measured?

CTA performance should not be evaluated using click totals alone. A call to action may generate a high click-through rate while directing people to a page or form that most users abandon.

Depending on the objective, relevant metrics may include:

CTA impressions;
the number and share of users who clicked;
click-through rate;
form starts and successful submissions;
the conversion rate from CTA click to final outcome;
purchases, inquiries, registrations, or downloads;
revenue and margin associated with the path;
lead quality;
errors and abandonment after the interaction;
differences across devices, traffic sources, and audience segments;
performance differences between separate placements of the same CTA.

Interactions can be recorded as analytics events. Event parameters can distinguish the CTA label, location, page, campaign variation, and device. Click data should then be connected with the relevant outcome, such as a successful form submission or confirmed purchase.

Measurement should respect applicable privacy and consent requirements. Personally identifiable information entered by users should not be included in analytics event parameters.

How should CTA variations be tested?

A/B testing can compare labels, colors, sizes, placement, hierarchy, and supporting copy. A test should begin with a defined hypothesis rather than the assumption that any button color change will automatically improve sales.

For example, a team might hypothesize that replacing the generic label “Submit” with “Request a quote” will increase completed inquiries because it explains the form’s purpose more clearly.

A CTA test should consider:

the size and composition of the test audience;
the test duration;
traffic sources;
differences between devices;
seasonality and concurrent campaigns;
CTA clicks;
final conversion rates;
the value and quality of resulting transactions or leads;
possible negative effects on other stages of the journey.

The variation with more clicks is not necessarily the better one. If its wording promises a different result from what users receive, it may increase traffic while reducing trust and meaningful conversions.

What are the most common CTA mistakes?

An ineffective CTA may be difficult to find, ambiguous, or inconsistent with the user’s intent. Common mistakes include:

using generic labels without a clear purpose;
placing several equally prominent calls to action next to one another;
presenting a CTA before explaining the value of the offer;
creating a mismatch between the CTA and its destination;
promising an immediate result that is not delivered;
concealing prices, conditions, or registration requirements;
using an interactive area that is too small on mobile devices;
providing insufficient contrast or no visible focus state;
using the wrong HTML element;
failing to provide feedback after activation;
allowing cookie banners, chat widgets, or sticky elements to cover the CTA;
measuring clicks without evaluating the final outcome;
copying competitors without considering the company’s own offer;
using the same CTA for customers at very different decision stages.

Excessive repetition can also become counterproductive. Placing the same CTA after every short section may feel like pressure rather than useful guidance.

Can a CTA be manipulative?

A call to action becomes manipulative when it relies on false urgency, conceals consequences, or makes another option unnecessarily difficult to choose. In such cases, it may form part of a dark pattern designed to influence users into decisions they would not make with complete information.

Problematic practices include:

false countdown timers and misleading scarcity claims;
preselecting paid additions;
hiding the decline or cancellation option;
giving disproportionate visual prominence to the option that is less favorable to the user;
using guilt-inducing language when an offer is declined;
describing a paid purchase or subscription as commitment-free;
making an action initiated with one click unnecessarily difficult to reverse.

An effective CTA does not need to pressure the user. It should clearly communicate the available action, its outcome, and any material conditions. The best call to action helps the user take an appropriate next step while supporting a measurable business objective.