Testing a Call-To-Action button in the Landing Page

I was very tired of promoting my posts on social media… until we created Nelio Content, a WordPress plugin that makes it soooo easy I can't even believe it! Check it out!

When it comes to conversion rate optimization, your call-to-action buttons are a critical element in your landing page.  A call-to-action is a button or link that you place on your website to convert visitors into leads or customers by filling out a form, buying a product, or similar. You should know that even minor tweaks to a button design and copy can have major impact on conversions.

Today, we’ll have a look at how you can easily create an A/B test with Nelio A/B testing to analyze which call-to-action button drive more visitors to become real customers. As an example, we’ve used our current website in which we use the Visual Composer page builder. We’ve explained everything in the following short video. No technical knowledge is required. Just sit down, click on Play, and discover how easy things can be with Nelio!

Let’s assume we want to drive visitors of our landing page to visit our pricing plans page, which is the first step in our sales funnel. In order to do this, we could change the call-to-action copy. Instead of saying “Join now”, we’ll test if the sentence “Yes, I want to start now!” works better.

CTA Testing with Nelio
A/B Testing of Call to Action button of Landing Page

Let’s see how we can split test this scenario with Nelio A/B Testing!

Here you have all the different types of experiments you can create with Nelio. Since our call-to-action button is on the Landing Page, the one we need is “A/B Test Your Landing Page“.

Screen Shot of Selecting a Landing Page Experiment
A/B Test your Landing Page with Nelio A/B Testing

Now let’s fill out the basic information of the experiment. Name the experiment and describe what you plan to do. Once you’re done, click “Next” to create one or more alternatives for your landing page.

Introducing Basic Information of Landing Page Experiment with Nelio A/B Testing
Introducing Basic Information of Landing Page Experiment with Nelio A/B Testing

Since we only want to change the call-to-action button, we create the new alternative based on an existing page.

Type a name for the new alternative and click on “Create”.

Creating an alternative Landing Page with Nelio A/B Testing
Creating an alternative Landing Page with Nelio A/B Testing

Then save the experiment and edit the new alternative landing page.

Saving and Editing Alternative Landing Page with Nelio A/B Testing
Saving and Editing Alternative Landing Page with Nelio A/B Testing

In our website we use Visual Composer and, therefore, we only need to change the text of the Fancy Button.

Editing the alternative Landing Page with Nelio A/B Testing
Editing the alternative Landing Page with Nelio A/B Testing

After that, you need to come back to edit the experiment and set up its goals. In our case, we want to track if our visitors go to our subscription plans page. To do that, click on the page icon and select the subscription plans page in the dropdown list and click on “Create” to save the experiment.

Selecting the Goal of a Landing Page Experiment with Nelio A/B Testing
Selecting the Goal of a Landing Page Experiment with Nelio A/B Testing

You’ll see the experiment we just produced in the list of experiments. To run the experiment, just click on Start. Nelio warns you that experiments cannot be edited while running, so make sure you didn’t miss anything. Click on Start again to dismiss the popup and continue.

You can see the results of the experiment at any time by using the View link. However, there might be no results right after starting the experiment. Just give it some time and Nelio will collect and process your visitors’ actions.

Results of Landing Page Experiment with Nelio A/B Testing
Results of Landing Page Experiment with Nelio A/B Testing

Once there is a winner, you can stop the experiment by clicking on the Stop button. Nelio warns you that experiments cannot be resumed; if that’s OK, click on Stop again.

Finally, there’s only one thing left: since the summary of the alternative product was better, you have to make it permanent so that all your visitors see it. To do this, go to the Alternatives tab and click on the Apply button of the winning alternative. Confirm that you want to overwrite the original content and you’re done!

Make the alternative Landing Page permanent
Make the alternative Landing Page permanent with the Apply button

There are hundreds of thousands of different combinations that can be tested on any given website, so why don’t you go ahead and create a new experiment in your WordPress site?

Stay tuned for the upcoming videos!

by

Ruth obtained her PhD in Software Engineering at UPC and did a Master of Information Systems at DePaul University (Chicago). She has professional experience in the business world and at the University. Ruth has been University Lecturer at UPC, Vice-Dean for Corporate Relations of the Barcelona School of Informatics, and Associate Lecturer at ESADE. She specializes in software engineering and information systems management. She is also certified in Inboud Marketing.

Leave a Reply

Your email address will not be published. Required fields are marked *