A/B Testing Idea #1: Place irresistible and clear CTA buttons

A/B Testing Idea #1: Place irresistible and clear CTA buttons

Are you wasting much of your time and effort A/B testing every single idea that pops into your head, yet you're not generating sufficient traffic to your website? Don't worry—we've got you.
 
We'd like to introduce you to the A/B Testing Ideas learning series, a collection of easy-to-use design tips to A/B test your website pages. This series will include techniques to effectively optimize various elements on your website and boost conversion rates in a short time. These ideas can also give you a strong framework to start your conversion rate optimization and discover what design changes work best for your website. Do Follow the page and post your comments about the content shared in the comment box below.

So, here is our first post in the series: Place irresistible and clear CTA buttons



As we know, the basic intention of any website is to make somebody do something—for example, getting visitors to fill in a form, download a PDF, or purchase an item. And, of course, the best way to make visitors perform these actions is through the simple CTA (call-to-action) buttons placed on your web page, such as "Buy now", "Learn more", or "Sign up" links.

However, at times you might notice that your website is getting a good traffic but the conversions obtained on your CTA are poor. This is exactly when you need to A/B test your CTA buttons. In today’s post, we'll learn a few simple, yet powerful, CTA testing ideas to maximize conversions and recover those lost leads on your site.

So how do you create and test a persuasive CTA?

There are three parts to look at: the text, the position, and the graphical presentation of the CTA on your web page.
 
Testing the CTA words
Good CTA copy is more than just text. In general, CTA copy that speaks directly to your visitor outperforms generalized CTA copy. Here are a few points to consider while crafting your CTA copy:
  • Decide what action you want your audience to take and describe what will happen next—for example, use text like “Subscribe to our blog " or "Request a product demo" and not "Subscribe" or "Register here." This will tell visitors what to expect by clicking on the CTA.

  • Start with action-oriented words in your CTA like "read," "download," "call," and more. This can make your button stand out from the rest of the page content and convince visitors to click it instantly.

  • Create a sense of urgency with words like “today,” “now,” or “in the next 24 hours” in your CTAs to garner those extra clicks with less effort.
Focusing on the above tips can help you kindle your audience’s emotion towards your products/services, build a sense of trust in your business, and eventually achieve your website goal.

A few examples of good CTA copy you can test out include:
  • Using a "Grab my ebook" CTA on the web page  instead of a CTA that just instructs visitors to “Download.” This will create a more personal touch and draw interest towards the button.



  • Using a "Access courses for free" CTA instead of an overused "Sign up" button to build connections and boost sign ups on your newly developed elearning website.

Extra tip: Your CTA buttons should always have a healthy chunk of white space surrounding them. White space helps instantly grab your visitors' attention and adds focus to your button.

Testing the CTA position
Strive to achieve CTA placement that is noticeable but not disruptive to your audience. If you place your CTA button in a spot where your users don’t naturally look, you’re going to lose conversions. There are generally two points to look at while testing CTA position:
  • Identify and utilize smart button placement based on your visitors' natural reading flow (top to bottom and left to right or right to left) and behavior on your website. This includes the path users follow on your website to complete a process, the design elements they click on, and the barriers that prevent them from achieving their goal.

    Tip: You can use Session Recordings in PageSense to see how and why users are interacting with your CTAs the way they are.

  • Place the CTA button above or below the average fold of your page depending on the length and complexity of the content. This could also be determined by how far down the page your visitors scroll on an average. However, adding your CTA above the fold is the most common placement choice used on homepage/landing page designs.

    Tip: You can set up heatmaps, scroll maps, and attention maps in PageSense to determine whether people are responding to—or even seeing—your CTAs.
A few examples of good CTA placement you can test out include:
  • Showing a glimpse of soon-to-be-released products with feature highlights, and then at the end placing "Pre-order for free" CTA on your digital store. This uses the below-the-fold area of your web page to catch the attention of the visitors first, even before redirecting visitors to the preferred page(s).



  • Adding a “Buy Now” or "Add to Cart" button at the top-right section of the product page where a user would immediately click to buy after viewing your product offers page on the ecommerce site. This type of CTA placement adds visitors to your sales pipeline quickly by canceling extra steps like add to cart and check out.

Testing the CTA appearance
The color and appearance of your CTA button are the most important aspects while testing and optimizing your website. As humans, we always have a greater tendency to stick to information that looks bigger and brighter. Below are some practical tips on designing and testing an appealing CTA button:
  • Add a bold, bright, and contrasting background color to CTAs. Give more important CTA buttons a brighter color and the less important functions a lighter color or simple text links.

  • Have your CTA appear more clickable. This could be done by adding some visual effects such as a slight gradient or a small shadow to create that real push-button effect. However, if you think none of the effects will suit the chosen style of your website, add emphasis by applying rounded edges to the button.

  • Size of the button is another crucial factor in designing an effective CTA button. Larger CTAs have a higher chance of being noticed and clicked by readers. It’s also common to arrange UI components according to their importance. 
A few examples of good CTA appearance you can test out include:
  • Adding an attractive 3D or shadow effect to the "last minute deal" CTA button on your ecommerce site. This effect can spotlight the CTA, making it bright and prominent in comparison to other features like wish lists, view cart, or check out buttons.



  • Applying a bright color to the most recommended plan on your pricing page that you think will be a good fit for the majority of visitors. This might help highlight the best features in your product and avoid confusing buyers.

Found this useful? We would love to know what you think about this post. And, do you have any favorite A/B testing tricks or preferred approaches that you experiment on your website CTAs? Let us know in the comments below!

Happy testing. Happy converting!




        • Recent Topics

        • Problem with CRM Connection not Refreshing Token

          I've setup a connection with Zoom in the CRM. I'm using this connection to automate some registrations, so my team doesn't have to manually create them in both the CRM and Zoom. Connection works great in my function until the token expires. It does not refresh and I have to manually revoke the connection and connect it again. I've chatted with Zoho about this and after emailing me that it couldn't be done I asked for specifics on why and they responded. "The connection is CRM is not a feature to

        • Getting Project Template List using the REST API

          I am trying to confirm that I can use the REST API to create a project using a project template. The API documentation indicates this is possible by providing the Template ID, but it is not clear at all how to get a list of available Project Templates

        • Can't delete shared mailbox emails from mobile app

          I have the mobile app on iOS and cannot seem to find a way to delete an email from a shared mailbox. Is there something I'm missing here? Michael

        • From Zoho CRM to Paper : Design & Print Data Directly using Canvas Print View

          Hello Everyone, We are excited to announce a new addition to your Canvas in Zoho CRM - Print View. Canvas print view helps you transform your custom CRM layouts into print-ready documents, so you can bring your digital data to the physical world with

        • Introducing Custom Columns in Forecasts in Zoho CRM

          Hello all, Forecasts in Zoho CRM help sales representatives, managers, and business stakeholders evaluate performance and plan future sales activities. While standard metrics such as Target, Achieved Amount, and Pipeline Amount provide a baseline view,

        • Boost your CRM communication with new font types, sizes, and default reply-to options while composing emails

          Hello Everyone, We’re excited to introduce a series of impactful enhancements to the email composer settings in Zoho CRM. These updates enable you to personalize and optimize your customer interactions with greater efficiency. So what's new? Add custom

        • Associate records via the Multi-select lookup RELATED LIST via API

          In the REST API, is there a way to associate records for a multi-select lookup related list other than via the linking module? There are two methods for the lookup: 1. via insert records API 2. via the linking module ...as described in https://help.zoho.com/portal/en/community/topic/kaizen-125-manipulating-multi-select-lookup-fields-mxn-using-zoho-crm-apis

        • OAuth integration issues

          I'm experiencing persistent OAuth errors when trying to connect Make with Zoho API. I've tried multiple approaches but keep encountering the following issues: First error: 'Invalid Redirect Uri - Redirect URI passed does not match with the one configured'

        • Zoho Books Placeholder: Inventory Counts

          I was hoping to figure out how to find the placeholders for inventory counts by item. We use Location based inventory tracking, so I dont know if that affects things. I want my PDF and Printed PICK LISTS to show the Quantity Available to Pick. I have

        • Blueprint Not Triggering When Lead Status Is Updated by Workflow (IndiaMART Integration)

          I have set up a blueprint that triggers when a lead’s status is “New Lead.” Our CRM is integrated with IndiaMART, and when leads are created from IndiaMART, their Lead Status is initially set to None. To handle this, I created a workflow that automatically

        • Le cauchemar de PEPPOL avec Zoho Books

          Après de longues hésitations — car je défends toujours les produits Zoho malgré leurs imperfections —, je me suis décidé à poster cet avis sur ce forum. En effet, depuis plus de 5 mois, les nombreux soucis relatifs à la facturation par PEPPOL semblent

        • Overview on users IMAP settings

          We have about 30 users who all have the channels/email/email configuration/IMAP integration/O365 enabled and emails are synchronized. Here my problem: Passwords for the email accounts are expiring on individual bases and most of the users forget to update

        • Introducing Offline Signature in Zoho Contracts

          We are excited to announce a new feature that brings even more flexibility to your contract execution workflow — Offline Signature. What is Offline Signature? The Offline Signature feature enables organizations to manage contracts that are signed outside

        • URGENT ESCALATION — Unresolved Datacenter Conflict: Zoho Recruit .in vs Zoho Apps .com | Business-Critical Issue

          ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ISSUE SUMMARY ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Our organisation has existing Zoho accounts registered under the US datacenter (.com). We have onboarded Zoho Recruit under the India datacenter (.in) at https://recruit.zoho.in/

        • Accepting Event from Outlook Client

          I've noticed this behavior for a few years now. If an Event is created from CRM and sent to participants and the participant accepts the invitation using Outlook client, Zoho event won't be updated as "Going" it only works if the recipient accepts it

        • Link webform to a job opening

          I have a webfrm embeded on my website and everytime a candidates fill the form, their candidate status is to new. Is it possible that it links to a specific job opening instead of me having to assing it manually ? Thanks

        • Zoho CRM Integration Form + Custom Fields

          Hi! I've created an Integration Form from Zoho CRM's Vendors Module, but I can choose a few standard fields and no custom fields I've created in Zoho CRM. There is a plan to add this feature soon? Thanks in advance.

        • Canvas Detail View Related List Sorting

          Hello, I am having an issue finding a way to sort a related list within a canvas detail view. I have sorted the related list on the page layout associated with the canvas view, but that does not transfer to the canvas view. What am I missing?

        • Cross Module Filtering – Use Fields from Lookup modules in Custom Views criteria and Advanced Filters

          Hello everyone, Zoho CRM now enables you to achieve deeper filtering of records in a module, using fields of a lookup, thereby enhancing your data management experience manifold. This filtering based on lookup module fields is now available in advanced

        • Recent enhancements made to workflow rules

          Greetings, I hope all of you are doing well. We're happy to announce a few recent enhancements we've made to Bigin's workflows. We'll go over each one in detail, but for now these updates can be broadly categorized into two parts: Enhancements to workflow

        • How do I get my cell height to auto adjust?

          I'm evaluating Zoho Sheet as a replacement for Google Spreadsheet. Using latest version of Safari, and experiencing the same issues in Chrome. A few bugs/things I can't figure out: Auto adjusting cell height when importing from Google Docs or creating a new document Turning off the auto date formatting for X.Y.Z where they are all integers.. (This is extremely important, as our requirements are written as outlines.. "X.Y.Z" corresponds to a requirement ID.. which is then turning into a date) The

        • Marketing Tip #36: Optimize your online store for AI search

          Search is changing fast. Along with traditional search engines, AI-powered search and recommendation experiences are becoming a bigger part of how customers discover products online. Stores that are well-organized, descriptive, and consistent are more

        • Create a "My saved custom themes" section in Zoho Forms

          Hi! I created lots of forms for my company that we embed on the website with a custon design. It is a pain not to be able to save a custom layout as a template and just not to have to do it again! So could you add a gallery like : "My saved themes" ?

        • Automating CRM backup storage?

          Hi there, We've recently set up automatic backups for our Zoho CRM account. We were hoping that the backup functionality would not require any manual work on our end, but it seems that we are always required to download the backups ourselves, store them,

        • Introducing Spotlight Forms

          Hey form builders! If someone opens your form, sees the wall of fields ahead, and quietly closes the tab. It may not be because the questions were hard. It could be because the experience felt like too much. Which is why we have now introduced a new form

        • Client Script Button in Related List become invalid

          Hi, I am the admin of our organization. And I setup a client script button in related list to raise payment refund request While this button become non selectable recently. I believe there is something wrong from zoho as this button had run for a year.

        • BUG and HANGUP - Add Row with Fields DOUBLES the amount of rows instead of Adding Just 1 Row

          As it says in the title, there is a bug with forms generated with Zoho Writer where the Add Row With Fields ends up DOUBLING the amount of rows instead of Adding just 1 row.

        • Delivery Note without services

          Hi all, It there a possibility to create a delivery note from an invoice without the listed services "idem type: service"? Thank you in advance, Michel

        • Forms cannot be accessed.

          https://forms.zoho.com/ is not available, please help to fix

        • Digest Mai - Un résumé de ce qui s'est passé le mois dernier sur Community

          Chers utilisateurs, Un nouveau mois se termine au sein de la communauté Zoho France. Découvrons ensemble un résumé des activités du mois de mai. Quatre ans après son lancement, Zoho Marketing Plus continue d’évoluer avec une ambition claire : offrir aux

        • [URGENT] Cannot access Functions tab in CRM

          Navigating to /settings/functions/myFunctions gives this error message: "Sorry, something went wrong. Please try again later." I raised this issue with Zoho Support on Monday (3 days ago) but have not heard back. I'm sure it's clear how important it is

        • Important changes to note for Zoho Sign users in Saudi Arabia

          Dear Zoho Sign users, If your Zoho Sign account is hosted in our Saudi Arabia data centre, here's an important update on digital signature certificates in the Kingdom of Saudi Arabia. What's changing Going forward, the "Sign via Zoho Sign" option will

        • Zoho Desk MCP doesn't expose all functions

          Hello, I'd like to be able to draft (rather than send) ticket replies using Claude Cowork. However, the Zoho Desk MCP doesn't currently offer that, despite it being available in the API (https://desk.zoho.com/DeskAPIDocument#Threads#Threads_DraftEmailReply).

        • Number of Reopn

          Hi Zoho, Is there any appropriate API call for This URL "http://support.zoho.com/api/v1/dashboards/reopenedTickets?...." what I thought is the resulting output of this call has data for number of reopen... "https://desk.zoho.com/api/v1/tickets/" + Ticket_ID

        • Can I use merge tags with a conditional clause?

          Similar to Mailchimp's "IF / ELSE / ENDIF" functionality, I want to be able to display a sentence with a personalised field only if that merge tag is not empty for the given record. Is this possible on Zoho Campaigns? See http://kb.mailchimp.com/article/how-do-conditional-smart-merge-tags-work for how it works on Mailchimp. Thanks Phil

        • Question - why no way to input a 'tool description' and 'tree of 'tools'

          Every business is different, with different business processes. To be truly useful Zoho MCP needs to have user editable tool descriptions (or ruleset) and a 'tool tree' so that the LLM is context aware when being used. For example, the tool description

        • Personalize your booking pages with Custom CSS

          Greetings from the Zoho Bookings team! We’re introducing Custom CSS for Zoho Bookings, designed to give you complete control over the look and feel of your booking pages. With this new feature, you can upload your own CSS file to customize colors, fonts,

        • CRM API v9?

          v8 has been around for a while. any plans / estimates for v9?

        • Calendar report with order options and more quick view templates

          I think many of us regularly work with calendar-style reports. It would be great to be able to customize the quick view with new templates and have options to sort the entries for each day of the calendar by different criteria. I think this is an interesting

        • Kaizen #125 Manipulating Multi-Select Lookup fields (MxN) using Zoho CRM APIs

          Hello everyone! Welcome back to another week of Kaizen. In last week's post in the Kaizen series, we discussed how subforms work in Zoho CRM and how to manipulate subform data using Zoho CRM APIs. In this post, we will discuss how to manipulate a multi-select

        • Next Page