CTA Button: the Do’s and Don’ts

CTA Button: the Do's and Don'ts

How to improve your CTA button

Arguably, your CTA button is the most important aspect of your landing page. To put it quite simply, it is the point of conversion for consumers. Without a CTA button, how are you able to convert visitors to your webpage to a customer?

That being said, not everyone is able to understand the best way to present a CTA button on a landing page. CTA, or call-to-action, refers to an instruction to the audience that is designed to provoke an immediate response. In marketing terms, the next step that you want your audience to take.

CTAs can take the form of many things — not only buttons — but in the case of a landing page, a CTA button is pretty essential. So: what makes a CTA button good? How do you win your audience over with just a simple button? In this article, we’ll explore both the factors that make a CTA button effective as well as areas to avoid.

Wishpond has created a very helpful guide on the best words to use in your CTA button, ranging from “Sign up free” to “Shop now” and more. There are plenty of phrases that you can include in your CTA button to nudge your visitors into action. We will list and explain some of it below. However, these phrases are not the only way to make your CTA button more effective. Here are some other tips that have been known to work:

The Do’s

1. Keep your CTA button above the fold

We cannot stress this enough. If visitors have to scroll down in order to catch sight of your CTA button, you’re clearly doing something wrong. There is a huge possibility that most of them might click away or close the tab before they would even consider scrolling! When that happens, you will lose out on converting a huge chunk of your audience into your customers.

2. Use action-packed text

As mentioned briefly, certain words are better able to trigger your audience into taking the action that you want them to. Words like “get”, “reserve”, “try” and “join” are more action-oriented and more likely to give you the outcome that you want. Keep your action words related to your CTA — in other words, what step you want your audience to take.

3. Create a sense of urgency

Another important tip that A/B testing has proven to work is that a CTA button with a sense of urgency is more effective than ones without. CTA buttons that include words such as “now”, “today”, or “limited time offer” have a higher conversion rate than ones that don’t. When you create a sense of urgency around your CTA, visitors will be more likely to go through with it for fear of missing out (trust us, it’s a psychological effect).

4. Surround your CTA button with white space

Avoid cluttering your CTA button with plenty of graphics, text, and images. Your visitors would not know where to look. Instead, have a healthy chunk of white space surrounding your button. This will make it pop and call visitors’ attention to it.

5. Use first-person text

Michael Aagaard, who has been researching conversion rate optimisation as his main focus since 2008, found something interesting in one of his case studies. In one of his studies, he believed that the positive determiner “your” would work better than “my” when used in a button. After all, most websites refer to their visitors in a second-person perspective.

To set about proving his hypothesis, he conducted a test on two live websites, one using the pronoun “your” and another with the pronoun “my” in the button. To his absolute surprise, his hypothesis turned out to be grossly inaccurate — second-person performed 25% worse than first-person text.

This didn’t stop Aagaard from concluding the test, however. Instead, he conducted further tests on many other websites and landing pages and found that CTA buttons using “my” consistently performed better than those that used the word “your”! Indeed, even negative results can provide important insights just as much as positive results do.

6. A/B test your buttons

Just as we explained in the point above, A/B testing is extremely crucial — whether or not you get a positive or negative result. At the very least, A/B testing can help you decide which of two options is the better one. On the other hand, you might be able to take home some valuable insights with you! Take everything as a learning point and analyse every available information — who knows what discovery you’ll stumble upon?

Now that we have gone through what makes a CTA button effective, it’s time to look at what makes a CTA button ineffective. After all, it benefits to look at both sides of an issue.

The Don’ts

Call-to-Action Buttons Which Convert - Icons8 Blog

We did some research and these were the common mistakes made when coming up with a CTA button:

1. Your CTA button is hard to find

Again, make sure that there is plenty of white space surrounding your CTA button, and always keep it above the fold. Don’t give them a chance to leave your page before they can even take the desired action! Make sure the text in your CTA button is large and legible and avoid burying it in graphics.

With these points in mind, it will no doubt help visitors to recognise your CTA button instantly and allow them to be clear on the next step they should take.

2. You have more than 1 CTA

This is an absolute no-no. When visitors have to choose among many CTA buttons, it will leave them disoriented and paralysed by the options. In such a case, many would choose to actually leave than take any single one of the actions you place before them. This behaviour actually has a term to it — the paradox of choice. A study done by Sheenar S. Iyengar and Mark R. Lepper backed up this idea. They found that the less options there were, the more people purchased.

3. You’re not using the right colour

This may come as a surprise to many, since there isn’t actually one specific colour that performs better than the others. Sure, if you want to nitpick, orange and blue have been observed to get more clicks than the rest. However, both colours are not a foolproof way to increase your conversion rate.

Ultimately, your CTA button must be in a contrasting colour with your website’s background. Without a strong contrast, it will be easy for visitors to miss your CTA or dismiss it with a mere glance.

4. Your CTA button is not mobile-friendly

Consider what percentage of your audience is viewing your website through their mobile devices. As the number of people who access the web via mobile increases, the bigger the audience potential could be — potential you might be missing out on.

If your website and CTA button aren’t optimised on the mobile, chances are you’re not going to get anyone to convert. User interface and user experience is a key factor of digital marketing — and if the experience is awful for your visitors, they are not going to stay.

With all that being said, we hope that you learnt something from our article as to how you can improve your CTA button. One of the most important components you have to remember is to always A/B test your button. When you do A/B testing, you will be able to avoid plenty of flaws and mistakes that you could have potentially included in your official landing page! Alternatively, let MIU do the work for you, hassle-free.

Top 3 Tips for an Effective Landing Page

Top 3 Tips for an Effective Landing Page

A good company will invest in their website design, but a smart company knows to invest in their landing page.

Sure, a great website design will make visitors more likely to remember your brand, but landing pages are equally if not more important, as these are the pages in which marketing campaigns will drive traffic to. Rather than visits on your homepage, conversions on your landing pages are the core marker of what makes your marketing campaign successful.

So how does one design a good landing page?

For a landing page to be persuasive and successfully convert visitors into consumers, they should check the following points. Read on for our tips on how to design a compelling landing page.

1. Come up with a strong headline

Top 3 Tips for an Effective Landing Page

The first thing that visitors will see when they access your landing page is your headline itself. Due to the research done on visual hierarchy, experts have found that users often scan information on a page in either a F-pattern or a Z-pattern. That means, the most crucial information should be placed right at the top.

This may explain why headlines are often big and bold, and occasionally come paired with a banner. But it isn’t enough for headlines to just be big — they have to stand out in terms of their content itself. Having a headline with a high emotional marketing value is guaranteed to capture your visitor’s attention. Be sure to use emotive words, adjectives and verbs. These are more likely to speak to the pain points of your specific audience.

2. Use a clean and minimalistic design

Top 3 Tips for an Effective Landing Page

Remember the F- and Z-pattern. The truth is, no visitors would want to click into your landing page just to see a bunch of text and images trying to sell you their product. In fact, they are most likely to briefly scan the information on the page before clicking away. Hence, you only have a few seconds to truly grab their attention and turn it into a conversion.

Content on your landing page should be bite-sized and straightforward, so that it doesn’t waste your visitors’ time. When you are succinct, visitors are more likely to understand how your product or service will be able to help them.

In order to do so, you want to engage people without being overly pushy. If you come across as too “salesy”, it might end up as a turn-off for your visitors and would not get you the clicks you need. Make sure your landing page is organised and simple, with just the necessary information conveyed. Other tiny details can be communicated across later on.

3. Have a clear CTA

Call-to-Action Buttons Which Convert

A landing page will not be complete without a proper call-to-action button. Make sure the CTA button is obvious and eye-catching — it quite literally is the whole point of a landing page. The wording in the button should be concise and appealing as well. This will help you get plenty of leads.

All in all, the main point of a landing page is to educate your visitors about your product or service without being overly draggy. By the time your visitors are done glimpsing at your page, they should be able to understand what it is you are offering and how it is able to help them. That way, they will be more inclined to click through.

If you’re still unsure about the best way to go about designing a landing page, why not engage in MIU’s services? From design to content creation, we would be able to go through every process step-by-step until you are satisfied with the end results. For more information, you can look at our portfolio of previous work we have done as well as contact us for a free consultation.