What is a call to action on a website

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