Website Optimization

How to Create Irresistible Calls-to-Action for Your Website

by Sha Drena Simon . November 06, 2018
Call your visitors to take action the right way.

If you’ve landed on this blog post, there’s a chance you’re either struggling with creating a calls-to-action that converts, i.e., no one’s clicking on them. Or maybe you’ve heard about calls-to-action and wanted to know more about what they are and how to incorporate them into your marketing strategy

Download our free guide that helps you identify and eliminate your website's  conversion killers.

Either way, you’re in the right place.

In your research, you may have come across several blog posts that have told you how to design, tweak and optimize your CTAs. Well, we’re going to show you not only how to create calls-to-action, but CTAs that will assist in converting your visitors into leads.

Before diving into how to create the perfect call-to-action, you need to understand a few things.

What is a Call-to-Action in Marketing?

In marketing, a call-to-action, also referred to as a CTA, is a button or link that encourages visitors, leads, and customers to take action on your website. These CTAs can be hard, i.e., download now, or soft, i.e., follow us on social media.

What You Need to Understand About CTAs

The purpose of a CTA is to drive your visitors through the buying journey towards your goal conversion. You can achieve this by making sure your calls-to-action need to be relevant to where your visitors are in their online shopping journey.

There are 3 categories of CTAs that coincide with the buyer's journey.

  1. TOFu (Top-of-Funnel) CTAs
    At the top of the funnel, your CTAs should focus on pains and problems your persona is facing. All content tied to your TOFU CTA should always be educational; you want to help your audience not sell them anything or promote your company directly. These CTAs should be attached to offers such as Guides and "How-To's".

  2. MOFu (Middle-of-Funnel) CTAs
    Middle of the funnel CTAs is where you get to promote your brand and business by showcasing users what you or your product has done for others. These types of CTAs should lead to a case study, whitepaper, or webinar.

  3. BOFu (Bottom-of-Funnel) CTAs
    A bottom of the funnel CTA is useful for when someone is ready to see what you can do for them, how you can be the solution to their problem. These CTAs should be along the lines of “Schedule a Free Consultation,” or “Work with Us.”

The Four Types of CTAs

There are four common types of CTAs that are often used on websites:

  1. The CTA Button
    CTA buttons aren’t text, a link, an image, or anything along the lines. They are buttons with a defined shape (rectangular or pill-shaped) or border, actionable text, and contrasting background color.
    cta button example

  2. Anchor Text
    Anchor text CTAs are text-based and link to a landing page. They are generally placed after the first paragraph of a blog post and styled in a way that stands out from the rest of the blog text.
    anchor text cta example
  3. In-Line Text CTA
    An in-line text call-to-action is actionable text within a sentence that links to another page on your website which your users can convert. It's similar to an internal link.
    in-line text cta example
  4. Banner or Image-Based CTA
    Image-based CTAs are banner-like images that link to a landing page. Generally located at the end of a blog post or in a sidebar, they are not only appealing to the eye but are relevant to the content being read and contain copy that directly connects with users.
    end of of blog post banner CTA example

    The banner CTA tends to be the most complicated to implement because it requires some graphic design chops. Of course, everyone isn't a graphic designer. If you'd like to learn how to create such a CTA, sign up for Get More Customers Academy Free.

7 Elements of A Click-Worthy CTA for Lead Generation

When creating your CTA, there are several elements you should include to improve its click-worthiness:

anatomy of a cta

  1. A clear value proposition: This is language that highlights the value you're offering. It can be as simple as using the word "Free," or providing a short description of the benefits users will gain.
  2. Relevant image: This mostly pertains to the banner CTA. If you’re offering an eBook, only use the cover of the eBook. If you're offering a service such as a free consultation or webinar, use the same image that you use on your landing page. You want to do this so your users can get a sense what they’re getting or being offered.
  3. Copy that aligns with your landing page: The text on your CTA, primarily your headlines, should almost always align with the headline on your landing page. This confirms to users that they’re in the right place after clicking on your landing page.
  4. Actionable language: Your CTAs should always contain verbs and actions words, such as "Download Now." Why? Your goal is to get your users to convert. You do this by telling them exactly what to do.
  5. An element of urgency: This is where FOMO (fear of missing out) comes to place. Make your users feel like that whatever you’re offering that they need it. By using language such as “Now,” or “Today.”
  6. A Pseudo-Button: This is for your banner CTAs. You always want to incorporate an actionable button into the design so that your users know it's clickable.
  7. Brand colors and typography: Your CTA should align with your brand identity, meaning you want to incorporate your brand colors and fonts into the CTA,

Where to Place CTAs on Your Website

Whether it’s your home page, landing page, blog post, or an email there are some basic CTA placement guidelines you should try to follow:

  • Make your CTAs easy to find:
    Never make your visitors search for a way to contact you, learn more, or obtain an educational piece of content that will assist them in finding a solution to their problem or pain. Your CTAs need to stick out and be easy to locate.

  • Place your call-to-action above the fold:
    Your users should be able to see your CTA without having to scroll down the page. This primarily pertains to CTA buttons. For internal pages, such as blog posts or service pages can place your primary CTA in the sidebar, or implement the use of anchor text CTA after the first paragraph.

As you play around with CTA placement, based on your data, you’ll eventually determine the best spot on your website and within specific pages for them.

Call-to-Action A/B Testing

When’s the last time you updated a CTA on your website? Are you guilty of changing a CTA and aren’t sure how well it’s performing compared to previous versions?

In case you don’t get where I’m going, you should always test your CTAs using A/B testing. There are five main variables you can test to improve and upgrade your CTA:

  • Size
  • Styling
  • Color
  • Position
  • Text

When testing these variables, be sure you only test one at a time. This way you can better gauge what work and what doesn't.

Calls-to-Action Are Only Half of the Equation

Now if it’s your goal to generate leads, educate your prospects, and acquire new clients, calls-to-action are a most. However, CTAs are only one part of the equation when trying to generate leads from your website. The second is your landing page, which is another beast in itself.

We won’t cover landing page in this post, but we recommend you take a look at 4 Reasons Your Landing Page Isn’t Converting Leads as well as our guide on eliminating conversion killers on your website.

New call-to-action

Remember to share this article!