{"id":26399,"date":"2019-11-13T12:00:09","date_gmt":"2019-11-13T10:00:09","guid":{"rendered":"https:\/\/themeisle.com\/blog\/?p=26399"},"modified":"2022-09-08T18:32:15","modified_gmt":"2022-09-08T15:32:15","slug":"good-call-to-action","status":"publish","type":"post","link":"https:\/\/themeisle.com\/blog\/good-call-to-action\/","title":{"rendered":"5 Tips to Create a Good CTA (Call to Action) That Drives Clicks"},"content":{"rendered":"

What makes a good CTA (call to action)? In this post, we’ll share five strategies to help you create more effective CTAs on your website.<\/p>\n

\n
\n

Your CTAs are the lifeblood of your online business. They should create urgency and stand out on your page. In essence, each CTA directly asks your visitors to do something about the product or service they like. <\/p>\n

As such, you should put as least as much effort into creating a good CTA as you would the rest of your website.<\/p>\n<\/div><\/div>\n

\n\n\t\t
<\/div>\n\t\t\t
\n\t\t \t
\n\t\t \t\tHow do you create a good #website CTA? Follow these 5 #design and #copywriting tips \u270d\ufe0f<\/a>\n\t\t \t<\/div>\n\t\t \t
\n\t\t \tClick To Tweet \n\t\t \t\t<\/span>\n\t\t \t<\/a>\n\t\t <\/div>\n\t\t<\/div>\n

\ud83d\udc49 Not sure what a CTA is? Check out this post<\/a>.<\/em><\/p>\n<\/div><\/div>\n<\/div>\n

Why you need a good call to action<\/h2>\n

Tweaking your CTAs, even in small ways, can have a significant impact on the success of your site or business.<\/p>\n

For example, just by experimenting with their CTAs, the HubSpot team has been able to boost their conversion rates by\u00a0up to 30 percent<\/a>. What would you do with 30% more customers, email subscribers, etc?<\/p>\n

In some cases, your CTA can be the difference between a conversion and a bounce<\/a>. If not properly placed or optimized, visitors may be more likely to ignore what you want them to do, or miss out entirely.<\/p>\n

Five ways to optimize your call to action<\/h2>\n

As we mentioned, there are many ways to optimize your call to action, to make it go from a mediocre CTA, to a good CTA. Using the following tips can help to give a boost to your conversion rates. To get started, let’s discuss how to make your CTAs stand out in more detail.<\/p>\n

1. Make your CTA stand out from other site elements<\/h3>\n

From a design perspective, your CTA should stand out from your other content. It should be easy to recognize and understand \u2013 you want visitors to know what it represents, and where it is on your page.<\/p>\n

\"The<\/p>\n

In this example, think about where your eyes are drawn. First, they may go to the company’s logo in the center, given the leading lines and use of negative space. Next, you’ll likely follow the logo’s color downwards to where it says Book a demo<\/em>.<\/p>\n

On this page, the Book a demo<\/em> button is the CTA. It is designed so that we begin by experiencing a touch of branding (their logo), followed immediately by what they want us to do, which is to book a demo.<\/p>\n

These elements stand out for a number of reasons we’ve already touched on. \u00a0The color<\/a>, as the CTA is a large orange button on a white background, and the negative space<\/a> showcasing the page’s important elements \u2014 in other words, the CTA.<\/p>\n

2. Create urgency to entice visitors to click your CTA<\/h3>\n

When you create a CTA, it’s important to use actionable language. This means you should use action-oriented, second-person verbs to encourage visitors to click.<\/p>\n

\"HubSpot<\/p>\n

This example uses a simple command statement: “Get started.” It’s telling us to click, but also that there’s more in store if we do. What’s more, the surrounding copy is filled with enticing statements, such as “try it yourself” and “get setup in seconds.”<\/p>\n

All of these statements are actionable and empowering, giving users a choice, but hinting they might be missing out if they don’t click the CTA.<\/p>\n

3. Consider different design elements to make your CTA clickable<\/h3>\n

Besides the CTA itself, you also have the surrounding design elements to consider. This includes text, images, and your overall site design.<\/p>\n

\"Lyft<\/p>\n

As we can see, Lyft not only makes its good call to action button stand out by giving it a striking pink color, but also matches it to the website’s branding \u2013 specifically the logo. What’s more, the entire page is filled with information that points to the CTA.<\/p>\n

For instance, the heading talks about “great things” and the copy beneath discusses experiences that “build relationships and drive results.” These are all positive statements to make you want to click the CTA, which in this case, will provide more information on how to be a Lyft driver.<\/p>\n

In addition, the image to the right \u2013 while it does stand out \u2013 does not take away from the effectiveness of the strong CTA. Not only is the image spaced well away from the call to action, but it also is made up of mostly contrasting colors.<\/p>\n

When designing yours, using a button<\/a> makes your CTA naturally clickable. It also helps to make it large and surrounded by plenty of space to avoid any kind of confusion.<\/p>\n

4. Personalize your CTA for maximum conversions from different audiences<\/h3>\n

Your business may have distinct audience groups that come to your site for different reasons. In this case, it may make sense to build separate CTAs for each one.<\/p>\n

\"The<\/p>\n

If you have different audiences<\/a>, it may help to think about what they are looking for when they come to your site. For example, Armani Exchange uses different call to action buttons for men and women. This makes sense because there is a clear distinction between the products men and women are looking for.<\/p>\n

You may also want to use different CTAs for distinctions such as beginners and experts, for example, or for various computer systems if you sell software. Implementing this strategy can earn you higher conversion rates over a single, generalized CTA.<\/p>\n

5. Optimize your CTA for mobile viewing<\/h3>\n

Don’t forget about mobile browsing when you design and write your CTAs.<\/p>\n

According to data aggregated by Statista<\/a>, around half of web\u00a0traffic happens on a mobile device. For this reason, your CTA needs to be optimized for mobile viewing as well.<\/p>\n

\"The<\/p>\n

In the example above, Slack uses an effective CTA button that renders just as well on a mobile device<\/a> (it was taken using an iPhone) as it does on the desktop version of their website. This is considered best practice, and piggybacking off of this example is a good idea when creating a call to action for your business.<\/p>\n

Start by opening your website on different mobile devices with different sized screens. You could even use the device selection options within WordPress or your page builder plugin’s front end. For another alternative, check out Google’s Mobile-Friendly Test<\/a>:<\/p>\n

\"ThemeIsle's<\/p>\n

Of course, there’s more to consider than just mobile devices and desktops. Tablets are also popular and come with a range of screen sizes too. Overall, keep checking your CTA for visibility and responsiveness on all manner of screens. If it isn’t rendering properly, go back to your site and tweak your CTA before reloading the page.<\/p>\n

Create better CTAs today<\/h2>\n

Making sure you have a good call to action<\/a> is a simple way to improve conversions. In short, when you create a call to action, it\u2019s important to put careful consideration into both its placement on your pages and also its design.<\/p>\n

In this piece, we\u2019ve outlined several ways you can optimize your CTA. To quickly recap, they are:<\/p>\n

    \n
  1. Make your CTA stand out from other site elements.<\/li>\n
  2. Create urgency to entice visitors to click your CTA.<\/li>\n
  3. Consider different design elements to make your CTA clickable.<\/li>\n
  4. Personalize your CTA for maximum conversions from different audiences.<\/li>\n
  5. Optimize your CTA for mobile viewing.<\/li>\n<\/ol>\n
    \n
    \n

    Of course, the next question is how you can measure whether the changes to your CTA have resulted in a positive effect. To that end, you’ll want to learn about Google Analytics<\/a>. You can set up Google Analytics on WordPress<\/a> and use tools like Event tracking and UTM parameters to track how effective your CTAs are at driving action and conversion.<\/p>\n<\/div><\/div>\n

    \n\n\t\t
    <\/div>\n\t\t\t
    \n\t\t \t
    \n\t\t \t\tHow do you create a good #website CTA? Follow these 5 #design and #copywriting tips \u270d\ufe0f<\/a>\n\t\t \t<\/div>\n\t\t \t
    \n\t\t \tClick To Tweet \n\t\t \t\t<\/span>\n\t\t \t<\/a>\n\t\t <\/div>\n\t\t<\/div>\n<\/div><\/div>\n<\/div>\n

    Do you have any additional questions about how to create a good CTA? Ask away in the comments section below!<\/strong><\/em><\/p>\n