Skip to product menu
close
EXPLORE ALL PRODUCTS

Sales

CRM

Comprehensive CRM platform for customer-facing teams.

CRM
Voice

Cloud Contact Center Software for businesses.

Voice
Sign

Digital signature app for businesses.

Sign
Forms

Build online forms for every business need.

Forms
Bigin

Simple CRM for small businesses moving from spreadsheets.

Bigin
SalesIQ

Live chat app to engage and convert website visitors.

SalesIQ
Bookings

Appointment scheduling app for consultations with customers.

Bookings
RouteIQ

Comprehensive sales map visualization and optimal route planning solution.

RouteIQ
Thrive

Complete loyalty and affiliate management platform.

Thrive
Suites
CRM Plus

Unified platform to deliver top-notch customer experience.

CRM Plus

Marketing

Campaigns

Create, send, and track targeted email campaigns that drive sales.

Campaigns
Voice

Cloud Contact Center Software for businesses.

Voice
Sign

Digital signature app for businesses.

Sign
Forms

Build online forms for every business need.

Forms
Social

All-in-one social media management software.

Social
Survey

Design surveys to reach and interact with your audience.

Survey
SalesIQ

Live chat app to engage and convert website visitors.

SalesIQ
Sites

Online website builder with extensive customisation options.

Sites
Backstage

End-to-end event management software.

Backstage
PageSense

Website conversion optimization and personalisation platform.

PageSense
Marketing Automation

All-in-one marketing automation software.

Marketing Automation
LandingPage

Smart landing page builder to increase conversion rates

LandingPage
Webinar

Webinar platform for webcasting online webinars.

Webinar
NEW
LeadChain

Sync, manage, and convert leads across channels seamlessly.

LeadChain
NEW
Domains

Easy domain registration, transfer, and secured DNS management.

Domains
NEW
CommunitySpaces

Online community platform for individuals and businesses to grow their network and brand.

CommunitySpaces
Thrive

Complete loyalty and affiliate management platform.

Thrive
Publish

Manage all your local business listings on a single platform.

Publish
Suites
Marketing Plus

Unified marketing platform for marketing teams.

Marketing Plus

Commerce and POS

Commerce

eCommerce platform to manage and market your online store.

Commerce

Service

Desk

Helpdesk software to deliver great customer support.

Desk
Assist

Remote support and unattended remote access software.

Assist
Voice

Cloud Contact Center Software for businesses.

Voice
SalesIQ

Live chat app to engage and convert website visitors.

SalesIQ
Bookings

Appointment scheduling app for consultations with customers.

Bookings
FSM

End-to-end field service management platform for service businesses.

FSM
Lens

Interactive remote assistance software with augmented reality.

Lens
Solo

The all-in-one toolkit for solopreneurs.

Solo
Suites
Service Plus

Unified platform for customer service and support teams.

Service Plus

Finance

Books

Powerful accounting platform for growing businesses.

Books
Expense

Effortless expense reporting platform.

Expense
Sign

Digital signature app for businesses.

Sign
Inventory

Powerful stock management and inventory control software.

Inventory
FREE
Invoice

100% Free invoicing solution.

Invoice
Billing

End-to-end billing solution for your business.

Billing
NEW
Payroll

Payroll software with automated tax payments and filing.

Payroll
Commerce

eCommerce platform to manage and market your online store.

Commerce
Checkout

Collect payments online with custom branded pages.

Checkout
Practice

Practice management software for accounting firms.

Practice
Solo

The all-in-one toolkit for solopreneurs.

Solo
NEW
Payments

Unified payment solution built for all businesses.

Payments
Suites
Finance Plus

All-in-one suite to manage your operations and finances.

Finance Plus

Email, Storage, and Collaboration

Mail

Secure email service for teams of all sizes.

Mail
Voice

Cloud Contact Center Software for businesses.

Voice
Sign

Digital signature app for businesses.

Sign
WorkDrive

Online file management for teams.

WorkDrive
Bookings

Appointment scheduling app for consultations with customers.

Bookings
Cliq

Stay in touch with teams no matter where you are.

Cliq
Notebook

Beautiful home for all your notes.

Notebook
Meeting

Online meeting software for all your video conferencing & webinar needs.

Meeting
Connect

Employee experience platform to communicate, engage, and build positive employee relations.

Connect
Learn

Knowledge and learning management platform.

Learn
Office Integrator

Built in document editors for web apps.

Office Integrator
Writer

Word processor for focused writing and discussions.

Writer
TeamInbox

Shared inboxes for teams.

TeamInbox
ZeptoMail

Secure and reliable transactional email sending service.

ZeptoMail
Show

Create, edit, and share slides with a sleek presentation app.

Show
Tables

Work management tool to connect people, processes, and information.

Tables
Sheet

Spreadsheet software for collaborative teams.

Sheet
Office Suite

Powerful collaborative work platform for teams.

Office Suite
Calendar

Online business calendar to manage events and schedule appointments.

Calendar
ToDo

Collaborative task management for individuals and teams.

ToDo
FREE
PDF Editor

Collaborative online PDF editing tool.

PDF Editor
Suites
Workplace

Application suite built to improve team productivity and collaboration.

Workplace

Human Resources

Expense

Effortless expense reporting platform.

Expense
Recruit

Intuitive recruiting platform built to provide hiring solutions.

Recruit
People

Organize, automate, and simplify your HR processes.

People
Sign

Digital signature app for businesses.

Sign
NEW
Payroll

Payroll software with automated tax payments and filing.

Payroll
Shifts

Employee scheduling and time tracking app.

Shifts
Workerly

Manage temporary staffing with an employee scheduling solution.

Workerly
Suites
People Plus

Comprehensive HR platform for seamless employee experiences.

People Plus

Security and IT Management

Creator

Build custom apps to simplify business processes.

Creator
Assist

Remote support and unattended remote access software.

Assist
Vault

Online password manager for teams.

Vault
Directory

Workforce identity and access management solution for cloud businesses.

Directory
Lens

Interactive remote assistance software with augmented reality.

Lens
QEngine

Test automation software to build, manage, execute, and report testcases.

QEngine
Catalyst

Pro-code platform to build and deploy your apps.

Catalyst
RPA

Automate manual, tedious, and repetitive tasks easily.

RPA
NEW
eProtect

Comprehensive email security and archiving for every business.

eProtect
FREE
OneAuth

Secure multi-factor authenticator (MFA) for all your online accounts.

OneAuth
Toolkit

Complete resource for any admin-related lookup queries.

Toolkit

BI and Analytics

Analytics

Modern self-service BI and analytics platform.

Analytics
DataPrep

AI-powered data preparation service for your data-driven organization.

DataPrep
NEW
IoT

Harnessing IoT analytics for real-time operational intelligence.

IoT
Embedded BI

Embedded analytics and white label BI solutions, tailored for your needs.

Embedded BI

Project Management

Projects

Manage, track, and collaborate on projects with teams.

Projects
Sprints

Planning and tracking tool for scrum teams.

Sprints
BugTracker

Automatic bug tracking software for managing bugs.

BugTracker
Solo

The all-in-one toolkit for solopreneurs.

Solo
Suites
Projects Plus

Unified project management platform for intelligent, data-driven work.

Projects Plus

Developer Platforms

Creator

Build custom apps to simplify business processes.

Creator
Flow

Automate business workflows by creating smart integrations.

Flow
Office Integrator

Built in document editors for web apps.

Office Integrator
DataPrep

AI-powered data preparation service for your data-driven organization.

DataPrep
ZeptoMail

Secure and reliable transactional email sending service.

ZeptoMail
Tables

Work management tool to connect people, processes, and information.

Tables
QEngine

Test automation software to build, manage, execute, and report testcases.

QEngine
Catalyst

Pro-code platform to build and deploy your apps.

Catalyst
RPA

Automate manual, tedious, and repetitive tasks easily.

RPA
NEW
IoT

Build, deploy, and scale IoT solutions for connected businesses.

IoT
Apptics

Application analytics for all apps.

Apptics
Embedded BI

Embedded analytics and white label BI solutions, tailored for your needs.

Embedded BI

IoT

NEW
IoT

Low-code IoT platform and solutions for connected businesses.

IoT
CRM Plus

Unified platform to deliver top-notch customer experience.

Try now
CRM Plus
Service Plus

Unified platform for customer service and support teams.

Try now
Service Plus
Finance Plus

All-in-one suite to manage your operations and finances.

Try now
Finance Plus
People Plus

Comprehensive HR platform for seamless employee experiences.

Try now
People Plus
Workplace

Application suite built to improve team productivity and collaboration.

Try now
Workplace
Marketing Plus

Unified marketing platform for marketing teams.

Try now
Marketing Plus
Projects Plus

Unified project management platform for intelligent, data-driven work.

Try now
Projects Plus
All-in-one suite

Zoho One

The Operating System for Business

Run your entire business on Zoho with our unified cloud software, designed to help you break down silos between departments and increase organizational efficiency.

TRY ZOHO ONE
Zoho Marketplace

With over 2000 ready-to-use extensions across 40+ categories, connect your favorite business tools with the Zoho products you already use.

EXPLORE MARKETPLACE
Skip to main content
Zoho Academy

Best Practices for CTA Placement

  • 9 Mins Read
  • Posted on April 17, 2018
  • Last Updated on October 8, 2024
  • By Lauren

A red 'click here' button, an example of a CTAIn our other CTA guides, we’ve shared best practices for both button design and button copy. Of course, neither of these elements can be considered without thinking about button positioning. After all, no matter how eye-catching your CTA button is, no one will see it if it’s at the bottom of a very long landing page.

That’s not to say you should put your CTA front-and-center and call it a day. Though we do generally recommend above-the-fold placement. Indeed, we do it ourselves here at Zoho:

Screenshot of Zoho's CRM page, with a CTA above the fold

As with nearly everything on your business website, the art of placement is a bit more nuanced than that. You likely aren’t surprised to hear it takes into account both visitor psychology and user perception. That said, here are our recommendations on placement:

Put the CTA at your prospects’ desire point(s)

According to a frequently cited study performed in 2010, web users spend about 80% of their time “above the fold” on any given page. By “above the fold,” we mean the initially visible portion of a web page—what you see before you scroll down. In response to this study, a chorus of conversion pros has recommended that all CTA buttons on all pages be above the fold.

That belief fails to take into account two important things. For one, it’s no longer 2010. User behavior has evolved as the web has evolved. As we’ve grown accustomed to our mobile devices, scrolling has become second nature. It is worth noting that users only scroll if they like what they see above the fold, which is why making good use of that space is so important.

The other factor to consider is the possibility of a visitor trying to understand a more complex product or service. Such prospects need more in-depth information, as well as time to digest that information. Michael Aagaard once optimized a CTA for a relatively complex subscription service by placing the button well below the fold. That CTA experienced a 304% increase in conversions.

The reason for the increase? The service needed to be explained before visitors were ready to commit.

So, when should your CTA be above the fold?

It makes sense to place a CTA above the fold on a page whose product or service is straightforward or free. That means either your users already know the value they’ll get, or they’re not taking a financial chance on your offering.

For example, Vertical Response offers a free version of their email marketing software. Because their product requires no financial investment, they can put their CTA above the fold (twice!).

Screenshot example of a CTA best practice: putting the button above the fold

And when should the CTA be below the fold?

If your CTA requires a heavy commitment, it’s a different story. Whether that commitment is time, money, or comprehension, your prospects may want to read the entire page before committing.

They’ll need time to analyze your product’s features, benefits, and relevance to their pain points. It’s important for them to understand why your product is a smart investment. In that case, they’ll likely skip past a CTA at the top of the page. Instead, they’ll be looking for it at the bottom of the page, after they know more about your offering.

In such a situation, you might actually reduce conversions if you only offer one CTA and it’s above the fold. That’s why we’d suggest using two:

  • An above the fold CTA for prospects who already know the details of your offering
  • Another CTA after the product/service copy, for prospects who need more detail

In other words, there’s a general correlation between product complexity or price and CTA placement. Your goal is to predict the point where your prospect will be ready to take the next step, and put your CTA there. This requires thorough knowledge of your prospects and their buying behavior. Heatmaps and scrollmaps are helpful tools for collecting this kind of data, as is market research.

When all else fails, use multiple CTA buttons

Ask yourself what stage your prospects are in by the time they arrive at this page. If they know they want your product before the page even loads, give them the CTA immediately. However, if many visitors will be unfamiliar with your product, put one CTA above the fold and another at the bottom of the page.

If the page copy is long and there are a few possible points at which your prospects will be ready to take action, scatter a few CTAs throughout the page. Copyblogger does this for their content marketing program:

Screenshot of Copyblogger sales page, demonstrating the best practice of having multiple CTAs

Your prospect should never have to scroll back to the top of the page (or all the way down, for that matter) to find a CTA after making a decision. Remember, you want it to be as easy as possible for them to buy.

Create negative space around the CTA

In design terms, negative space (often called “white space”) is the space between paragraphs, graphics, images, and other elements of your web page. White space isn’t an accidental element of a page. In fact, it’s a critical part of good user experience (UX), page balance, and overall elegance. As Paul Boag has explained, negative space also increases legibility, as well as viewers’ comprehension and attention.

As a general rule, the emptier the space surrounding an element is, the more noticeable that element will be. Apple uses plenty of “white” space on its product landing pages. (Although if it were up to us, those “CTA buttons” would actually look like buttons.)

Screenshot of Apple's iPhone X product page, showing lots of white space around the CTA

A CTA surrounded by white space is more visible than one sandwiched between text and graphical elements. You want your button separate enough from these other elements that it commands attention from visitors.

Anything that could serve as a distraction should be far away from your CTA. (We talk more about what can be near it in our section on button copy.) Reducing distractions near their CTA was one of the ways Open Mile boosted conversions by 232%.

That said, don’t give the button too much space, or you run the risk of making it look unrelated to your content. As with so many elements of optimal CTA placement, the perfect amount of negative space will come from a combination of common sense and A/B testing.

Keep your pages focused

You’re putting a lot of thought into a single CTA button. The last thing you want is for it to compete with another button for a completely different action. Remember that every new CTA you add to a page reduces the impact of each individual CTA.

Studies have shown, again and again, that the more choices people are offered, the less likely they are to take any of them. Psychologists call this “choice overload” or “analysis paralysis.”

So don’t offer your prospects too many possible actions at once. We’d suggest no more than two. And don’t distribute their attention too broadly. If your visitor sees two CTAs at once, for example, the second one should be there in support of your primary CTA. You have one goal for your page, and that’s (one) conversion. (Your homepage may be the exception to this general rule, as it’s trying to capture a range of visitors and prospects at once.)

It helps to ask yourself what single action you want prospects to do on this page. Maybe it’s signing up for a newsletter. Maybe it’s downloading a free trial. Maybe it’s purchasing a product.

If your answer is all three, then you may have one or two pages too few. Unbounce’s co-founder Oli Gardner calls this keeping an “attention ratio” of 1:1.

Exceptions to the “single CTA” rule

That said, there may be times when it makes sense to have more than one CTA on a single page. For example, you may want to offer your prospects the opportunity to “take the tour” or “watch the video tutorial” before they buy. Offering a secondary action may be what pushes your prospect further down your sales funnel, so it makes sense to have those alternate actions placed there.

Create and visually enforce a hierarchy of CTAs

In such cases, it’s important that you’re clear on the hierarchy of your CTA buttons. Which one leads directly to the conversion, and which one is there to support the conversion? Guide prospects toward the more important CTA by making that button stand out. The less conversion-centric CTA can be less attention-grabbing.

We suggest that you make those lesser CTAs smaller, lighter, grey-scale, or transparent ghost buttons. They’re still available to a prospect who needs to take another action before converting, but they’ll pale in comparison to your primary CTA, increasing both its attractiveness and its clickability.

Muting all secondary buttons conveys to the user that the other option—the one with the more vibrant button—is the better choice. Livestream offers a great example of this hierarchy:

Screenshot of Livestream page with two CTAs

Clearly, Livestream prefers that its prospects “Get Started” (this is where the conversions happen for them, after all); but the “Request Demo” ghost button is there for prospects who need more time with the product before they make a decision.

Stripe also considers CTA hierarchy on their homepage:

Screenshot of Stripe's CTA area on homepage

There are two CTAs below the fold here: “Create Stripe Account” and “Contact Sales.” It’s abundantly clear what Stripe’s primary CTA is, because it stands out more visibly against the page’s light background. (Stripe’s sales team—which is probably fielding fewer emails because some prospects are simply choosing the “Create Account” button instead—may be grateful for this.)

Compare these examples to Salesforce’s homepage, on which visitors are offered two options: to “Watch Demo” or to “Try For Free.”

Salesforce page with two CTAs that are equally visually weighted

Salesforce probably wants its visitors to click on the “Try For Free” CTA, since that’s the button that’ll push its prospects closer to conversions. And yet that’s not the button that stands out, because so much of the imagery above the fold is green. From a pure conversion standpoint, Salesforce doesn’t appear to be driving its visitors toward one particular goal.

Neither does NetLine, for that matter:

Another example of CTAs that don't have clear visual hierarchy

Undoubtedly, what NetLine wants its prospects to do is “Get Started Now.” But both of their CTAs look exactly the same. And without that visual hierarchy, NetLine runs the risk of prospects clicking on “Watch How It Works” and then clicking out of their site due to boredom, interest sparked elsewhere, or because they’ve got somewhere else to be… all without ever clicking on that “Get Started Now” button.

Your A/B testing may show that having “Talk to Sales” or to “Watch a Demo” buttons will actually increase conversions. In that case, by all means, place those buttons beside the highest-priority CTA.

But always ensure that the more conversion-centric CTA (“Create Account,” “Get Started,” “Try it For Free”) is the button that pops.

 

Learn from other businesses

So there you have it: We’ve covered best practices for CTA button design, copy, and placement. Of course, you’ll have more than a single call-to-action on your business website. Indeed, we recommend you have one on every page. (What that CTA is will depend on your visitors’ state of mind on that particular page.) So it’s worth clicking into the websites we’ve offered to see how those businesses are using CTAs on other pages of their site. Livestream, for instance, has an exemplary CTA hierarchy on its pricing page:

Example of a CTA best practice: having clear hierarchy of your CTAs

And we think we did alright with the CTA above the fold of our CRM product page:

Screenshot of Zoho's CRM page and above-the-fold CTA

It’s worth clicking into the websites of some of your favorite (successful!) businesses to see how well they’re playing the CTA game. Pay attention to how the button colors play with the other colors on their pages. Observe what their button copy is doing, and what language or design elements surround them. How far down the page do you have to scroll to see their CTAs? To what degree is this scroll time a function of the product or service’s price or involvement?

You know the questions to ask at this point. Go ahead and do a little “CTA critique.” Doing this exercise this with other websites will be helpful when it’s time to work on your CTAs.

In the next section, we’ve got a CTA button checklist for you. Print it out and keep it near, so that with every new call to action you add to your website, you can ensure you’ve got all your “best practices” bases covered.

Related Topics

Zoho products mentioned on this page: