Every page on a website is trying to get a visitor to do something. The call to action is the element that makes that ask explicit. Without one, a visitor who is ready to act has to figure out the next step themselves, and many of them do not bother.
A call to action (CTA) is a button, link, or piece of text that directs a website visitor to take a specific next step. That next step might be booking a call, requesting a quote, signing up, downloading something, or getting in touch. A call to action makes the desired action visible, obvious, and easy to take. Pages without a clear call to action leave visitors with no direction and no obvious reason to stay.
What are the types of calls to action?
By format
A button CTA is the most common format. A clickable button with action-oriented text sits where it is easy to see. Buttons work because they stand out visually from the surrounding page and signal interactivity clearly.
Embedded within a sentence of body copy, a text link CTA is less visually prominent than a button. The advantage is placement. It can sit exactly where the reader's attention is at the moment the action makes the most sense.
Spanning the full width of the page, a sticky bar or banner CTA stays visible as the visitor scrolls. This format works well for time-sensitive offers or when one action needs to appear consistently across every page.
Some CTAs skip the click entirely. A form block asks visitors to enter their details directly on the page rather than clicking through somewhere else. Contact forms and newsletter signups are the most common examples.
By goal
Not every CTA serves the same purpose. A primary CTA drives the most important action on the page, typically booking, buying, or getting in touch. Secondary CTAs move visitors toward related actions that build toward the primary goal, such as reading a case study, viewing pricing, or watching a demo.
Where should calls to action be placed on a website?
Placement depends on the page type and where in the decision-making process the visitor is likely to be when they reach each section.
On a homepage, the primary CTA belongs above the fold, visible without scrolling. Visitors who arrive from a search or a referral and immediately see the business is a fit will act quickly if the CTA is there. A second CTA at the bottom of the homepage captures visitors who read further before deciding. The article on how to design a homepage that works covers how the CTA interacts with the rest of the homepage layout.
On a service or product page, the primary CTA should appear after the description of what is included but before the visitor has to scroll past the point where they have seen enough to decide. A second CTA at the end of the page catches visitors who read to the bottom.
On blog articles and informational pages, CTAs should appear in context, where the content has just addressed a problem the business solves. A CTA placed immediately after a section that explains why something matters is more effective than one placed at the end of an article a visitor may not finish. For how navigation and page structure work together to move visitors between pages, see what website navigation is.
How do you write a call to action that works?
Strong CTA copy is specific about what happens when the visitor clicks. "Book a free call" is clearer than "Contact us." "See pricing" is clearer than "Learn more." "Download the checklist" is clearer than "Click here." The visitor should know exactly what they will get or what will happen next before they click.
The simplest formula for CTA copy is an action verb followed by the specific outcome or thing being offered. "Get your quote." "Start your free trial." "View the full case study." Each of these tells the visitor what they are getting, not just that they should do something.
For service businesses, CTA copy that removes perceived risk outperforms generic alternatives. "Book a free 20-minute call" is less threatening than "Book a consultation." "Get a quote with no commitment" removes the fear of being pressured into a sale. Addressing the hesitation in the CTA itself reduces friction for visitors who are interested but cautious.
How many calls to action should a page have?
A page should have one primary CTA and no more than one or two secondary CTAs. A page with five different calls to action competing for attention gives visitors too many choices and typically results in fewer conversions than a page with one clear primary ask. When every element on a page is trying to be the most important, nothing is.
The exception is long pages with multiple distinct sections, where a repeated primary CTA at the end of each section gives visitors a clear path regardless of how far they scroll before deciding to act. Page structure and how the placement of key actions shapes visitor behaviour is covered in what UX design is.
How does a CTA differ for service businesses versus product businesses?
Product businesses can use direct transactional CTAs because the next step is straightforward. Buy the product. "Add to cart" and "Buy now" work because the visitor knows exactly what they are committing to.
Service businesses typically ask visitors to take a lower-commitment step before the sale, because the service cannot be bought with one click. The goal is to get the visitor into a conversation, not to complete a transaction. CTAs like "Book a free call," "Request a quote," or "Send us your project brief" move service business visitors forward without asking for a commitment they are not ready to make. The language should match where the visitor is in their decision-making process.
What makes a call to action fail?
A CTA fails when it is invisible, vague, or positioned at the wrong moment. A button that blends into the background color of the page does not get clicked. A CTA that says "Submit" tells the visitor nothing about what they will get. A CTA placed before the visitor has seen any reason to act gets ignored because the visitor is not ready.
Visual contrast is the most reliable fix for invisible CTAs. The button color should differ clearly from the surrounding page elements. White space around the CTA separates it from the content and draws the eye toward it. What visual hierarchy is explains how contrast and spacing direct a visitor's attention to the elements that matter most on a page.
How WEMASY handles calls to action
WEMASY's website builder includes CTA button blocks, banner blocks, and form blocks that can be placed anywhere on a page through the drag-and-drop editor. Button colors are controlled by the brand color settings and apply consistently across all pages. CTA copy can be edited directly in the block without affecting the design. Button placement, size, and spacing are adjustable without code.
See what is included at the WEMASY website builder or review plans on the pricing page.
Frequently asked questions
What color should a call to action button be?
The button should contrast clearly with the background and surrounding elements of the page. The specific color matters less than the contrast. A button in the same color family as the background becomes invisible. A button in a color that stands apart from the page is immediately noticeable. For most websites, using one consistent accent color for all primary CTA buttons across the site makes them predictable and easy to find as visitors move from page to page. With WEMASY's website builder, you can set this up directly on your website.
Is a call to action the same as a landing page?
No. A call to action is an element on a page that directs a visitor to take a specific action. A landing page is a standalone page built around one conversion goal, typically containing a primary CTA as its most important element. A landing page exists to support a CTA. The CTA on a landing page is what triggers the conversion the page was built to achieve.
How do you know if a call to action is working?
By tracking the click-through rate on the CTA and the conversion rate of the page it appears on. If a significant share of visitors reach the page but few click the CTA, the button may not be visible enough, the copy may not be compelling, or the CTA may be placed at the wrong point in the page. Testing one variable at a time, starting with the copy, then the placement, then the color, is the most reliable way to identify which change produces an improvement.
Should every page on a website have a call to action?
Yes. Every page a visitor can reach should have at least one clear next step. Even informational pages that are not designed as conversion pages should point visitors toward something. That might be a related article, a relevant service page, or the contact page. A page with no CTA is a dead end. The next step does not have to be a hard sell, but it should exist and be easy to find.
What is the difference between a primary and secondary call to action?
A primary CTA is the most important action a visitor can take on a page, typically the action that leads directly toward a conversion such as booking, buying, or getting in touch. A secondary CTA offers a lower-commitment alternative for visitors who are not yet ready for the primary action, such as viewing a case study, reading more about a service, or signing up for updates. Both serve visitors at different stages of their decision-making process. The primary CTA should always be more visually prominent than the secondary one.