{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.

No_results

That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.

Logo_distressed

Sorry about this, there is a problem with our search at the moment.
Please try again later.

There are many factors that influence the design of your call-to-action and it’s certainly a feature that benefits from extensive testing and tweaking.

It’s likely that it’s an area that is somewhat neglected though, as our new Adobe Digital Marketing Optimisation Survey found that a majority of companies (53%) spend less than 5% of their total marketing budgets on optimisation activities, despite the fact that a small uplift in conversion rates can translate into thousands of dollars of extra revenue.

Aspects such as the size, wording and colour can all impact clickthrough rate and conversions, but placement is potentially one of the most important factors.

Traditional wisdom states that the CTA needs to go above the fold so that potential customers can’t avoid it, but as these case studies show that isn’t necessarily always true...

Unbounce A/B test

Unbounce ran an A/B test on the CTA placement on a landing page for paid search ads. The aim of the page is to get people to sign up for one of Unbounce’s services, for which there are three different options and pricing plans.

The original design placed the CTAs below the fold, however there was a secondary directional CTA at the top of the page that instructed users to “Pick your plan below.” This then used a scrolling effect to move users down the page to the pricing plans.

To try and improve the page’s conversion rate Unbounce moved the CTAs above the pricing grid. This meant that the buttons were now above the fold of the bottom of the page (after the smooth scroll created by the button at the top of the page).

In the A/B test the redesigned page produced a conversion lift of 41% over the control page.

Florida Tix

Travel company Florida Tix experimented with placing its CTA at the bottom of the page rather than above the fold.

Control

The problem was that the product offer is complex so there was a lot of copy for potential customers to get through.

Placing the CTA above the fold meant that customers were being asked to take action before they’d been persuaded of the product’s value.

New design

The new design leads the customer through the product offer before asking them to book tickets. The result was a 20% increase in conversions.

A/B boosts conversions by 304%

An anonymous Danish company tested the CTA placement to try and increase sign ups to one of its subscription services.

The page in question was a landing page from paid search ads that asked people to fill out a contact form so the sales team could get in touch.

As it was a complex product offer the page was quite long, but the CTA was placed at the very top.

The web designer felt that this design was potentially too aggressive as it was forcing the customer to make a decision before they even knew what they were signing up for.

Therefore the page was rejigged so that the CTA came at the bottom of the page after the product offer.

The A/B test was run until it had a sample size of around 100 conversions and a 98% level of statistical confidence. In the end the new page outperformed the control version by a whopping 304%. 

According to the designer Michael Aagaardc:

If the product/offer is complex, and the prospect has to digest a lot of information in order to make an informed decision, positioning the CTA lower on the page generally works best.

Boston Globe

The Boston Globe tested three different page designs as it sought to increase sign ups to its paid content service.

Two of the designs had the CTA above the fold, while the third inverted the design so the product information was at the top and the CTA was at the bottom.

And the result was... it found no significant difference between any of the designs.

The perceived logic for this was that The Boston Globe’s “audience is highly motivated, and putting a button above or below the fold didn’t matter as much as the newspaper’s respected journalism.”

Giant page = giant rewards

In another example showing that it’s not all about putting the CTA above the fold, The Heritage Foundation managed to increase revenue by 274% by moving its sign up form to the bottom of the page.

The control page was a fairly standard two-page layout where the call-to-action (CTA) begins above the fold.

In comparison, the redesigned page placed the CTA right at the bottom of the page under a huge amount of copy describing the product offer.

Apparently the site owners felt the design was so clunky that they didn’t even want to publish the page. You can see both designs in the Marketing Experiments blog.

However by making a greater effort to explain the value of signing up The Heritage Foundation achieved some excellent results:

  • 74% increase in donor conversion rate.
  • 189% increase in average gift.
  • 274% increase in revenue.

Consolidated Label

The case studies in this list have basically shown that there are no hard and fast rules for CTA placement – it’s down to sites to run tests and work out what works best for them.

However one obvious rule is that it’s better to have at least one CTA than to have no CTA at all.

Printing company Consolidated Label ran an A/B test with a new page design that included a prominent CTA button. The original design didn’t have any CTAs, it just displayed a phone number in the header.

Control

Unsurprisingly, the new design managed to achieve a 62% increase in conversions over the original design.

New design

David Moth

Published 29 July, 2013 by David Moth @ Econsultancy

David Moth is Editor and Head of Social at Econsultancy. You can follow him on Twitter or connect via Google+ and LinkedIn

1690 more posts from this author

Comments (7)

Comment
No-profile-pic
Save or Cancel
Josh Gill

Josh Gill, Digital Marketing Executive at Mediademon

Great examples, it's really interesting to see through A/B testing just where or what it is that turns potential customers off.

over 3 years ago

Avatar-blank-50x50

Octavian

Yes ... this is one conclusion for us, too: "there are no hard and fast rules for CTA placement – it’s down to sites to run tests and work out what works best for them."
You can start with basics ... but ... the rest is just TEST.

over 3 years ago

Avatar-blank-50x50

Greg Randall

David....great article. It is good to see topics like AB testing get the attention it deserves. What would have been interesting in the case studies you discuss is another option with two calls to action, one at the top of the page and one at the bottom. I have conducted numerous AB tests where this option was the clear winner across multiple product and service types (both simple and complex).

This is due to the personality types of the people who come to the page. By having a call to action at the bottom of the page, you are accommodating a page layout to those methodical in nature (i.e. slow and deliberate). A page with a call to action (CTA) below the fold is assuming this is the first time an individual has scanned this page. By having the CTA at the top and bottom you accommodate people in multiple buying modes. There will be people who come back to these pages for a second or third time ready to buy, or there are people who have conducted information gathering elsewhere and wish to select a product or a service and no longer need to scroll through copy.

over 3 years ago

Avatar-blank-50x50

Sanjay

Greg's comment seems logical. It only raises the concern if CTAs both above and below the copy may indicate a kind of desperation to sell to the user which may be undesirable.

over 3 years ago

Avatar-blank-50x50

Jack Jarvis, Owner at The Website Review Company

Greg's test would be good to see more on. There will be very split view on this. First is what Greg has found that you appeal to 2 different customer types.

Another view is that 2 CTA's can be confusing. One clear option means there is no doubt, 2 options can cause confusion.

A 3rd test could be to have a CTA that follows you down the page, so no matter what section the customer is reading, they can click the CTA when the time is right for them.

over 3 years ago

Lenka Istvanova

Lenka Istvanova, Marketing Project Manager at Freestak

Useful examples, David! I totally agree with the rule of having at least one CTA then not having one at all. From my own experience, if I can't see/navigate the CTA button I often leave the page/website. Agree with @David - it's all about testing, testing and testing again - 'no size fits all'.

over 3 years ago

Avatar-blank-50x50

Ledio Veseli

I agree with Octavian on this one. Testing is always best bet: there can't be specific rules since each website, goal and target audience is different.

I'd also like to see the term "fold" finally go away from internet marketing/designers professionals vocabulary. It's absurd to rely on that; what's a "fold" on someone's screen is not on someone else's; there are so many variables which move the "fold" drastically, e.g. screen size/resolution, browser size and nowadays the device it's been viewed on (desktop or mobile?).

over 3 years ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Daily Pulse newsletter. Each weekday, you ll receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.