Perfect CTA Placement: Above-The-Fold Vs. Below-The-Fold

Perfect CTA Placement: Above-The-Fold Vs. Below-The-Fold


As a web site designer, your skilled life revolves round essential questions that may assist you to to ship higher outcomes on your shoppers.

Which widgets are important to driving conversions? What sort of checkout web page parts do it’s good to embrace? Ought to there be a video or slideshow on that product web page?

One of many greatest queries that we face when constructing touchdown pages to encourage gross sales is whether or not a CTA (name to motion) button must be above or under the fold. 

Answering the query: “The place ought to the CTA go?” appropriately may make or break your consumer’s probabilities of a sale. Sadly, this specific concern has been the supply of a raging debate for a few years now. Everybody has their very own opinion about CTAs and the place they belong.

Right this moment, we’re going to cowl the advantages and points with inserting a CTA above the fold.


Ought to You Place a CTA Above the Fold? 

Beginning with a fast refresher, the time period “above the fold” refers to any space of a web site seen on a display when a consumer arrives on a webpage. The content material that seems above and under the fold might differ relying on the system you’re visiting a web site with. 

Specialists within the design and digital advertising and marketing world have regularly claimed that if you wish to get one of the best outcomes with a CTA, it’s good to place it above the fold. 

This technique makes quite a lot of sense. In case your CTA is above the fold, then your probabilities of it being seen are considerably larger. Some prospects may not wish to scroll to the underside of a web page to search out out what they should do subsequent of their purchaser journey. 

Moreover, in line with the NN group, the 100 pixels that appeared above the fold had been seen 102% extra typically than the pixels beneath the fold. Eye-tracking expertise discovered that most of the time, you’ll get extra engagement above the fold. 

Simply take a look at this touchdown web page from Lyft, as an illustration, you instantly see what it’s good to do subsequent:

It’s not only a single research that has touted the advantages of an above-the-fold CTA, both. 

One other report into the “significance of being seen” discovered that above-the-fold advertisements and CTAs had a 73% price of visibility in comparison with solely 44% for these under the fold. 

So, with stats like that to consider, why would you ever think about using a below-the-fold CTA? 


When to Place a CTA Beneath the Fold

As with most issues in internet design, there may be an exception to the rule. 

Sure, above the fold, CTAs shall be higher for you more often than not. Nonetheless, there are occasions while you would possibly have to suppose exterior of the field. 

Most individuals suppose that inserting a CTA under the fold virtually ensures that it gained’t be seen. Nonetheless, when you’re creating a web site web page or touchdown web page that features quite a lot of very important info, your viewers might want to scroll. 

For example, when you’re making a web page the place somebody can obtain an app to interact with a enterprise they already find out about, it is sensible to hurry the journey together with an above-the-fold CTA. Nonetheless, when you’re attempting to persuade somebody to join your webinar, you would possibly want to inform them what that webinar is all about first. That’s the place a below-the-fold CTA turns out to be useful. 

Clients may not have quite a lot of time of their busy schedules for scrolling today. Nonetheless, they nonetheless want the suitable info earlier than they’ll decide about what to do subsequent together with your model. In response to Advertising and marketing Experiments, under the fold, CTA buttons may end up in a 20% improve in conversions. Nonetheless, this conversion increase solely occurs while you’re offering useful, partaking, and persuasive content material.

Take a look at this instance from the Boston Globe, as an illustration:


The Fold Isn’t Every thing in Internet Design

The fold is commonly a vital consideration in internet design. 

Nonetheless, it’s not all it’s good to take into consideration while you’re deciding the place to position sign-up kinds and useful CTA buttons. 

In response to the Nielsen Norman group, the content material that seems on the high of the web page will all the time affect consumer expertise. Nonetheless, that doesn’t imply that it’s good to place your CTA there. What you do have to do is make sure that no matter you’ve above the fold is promising sufficient to interact your customer and make them scroll. 

Put merely, what’s above and under the fold does matter, however your focus ought to be on benefiting from buyer motivation, reasonably than worrying solely about an imaginary line. 

When deciding the place a CTA belongs, it’s good to take into consideration motivation. 

How motivated is your prospect to click on on a button? How fascinating is your providing at the moment, and the way a lot does your customer already know in regards to the factor they’re being provided?

If you happen to’re going to want to supply extra info earlier than your buyer needs to transform, then a below-the-fold CTA makes extra sense. 

If you happen to’ve already offered all the knowledge that your buyer wants and a prospect is visiting from an commercial or one other web page on the web site, then above the fold ought to be distinctive. 


The Reality About Designing for The Fold

The truth for internet designers immediately is that attaining larger conversion charges doesn’t actually have that a lot to do with whether or not a CTA is above or under the fold.

What’s vital is whether or not your buttons come below the correct quantity of copy that solutions the proper questions for an viewers. 

Keep in mind, when guests come to a web site, they’re searching for various things. There are guests that:

  • Already know your model and worth your providing: These persons are typically clicking into your touchdown pages from different advertising and marketing campaigns the place they’ve discovered in regards to the model or supply. You may give these prospects a CTA instantly to allow them to proceed down the customer’s funnel as quick as attainable. 
  • Are unsure about your providing and have to know a bit extra: These individuals want some further info. They may have a priority that must be addressed earlier than they’re prepared to spend their cash. You may not want a lot copy right here, which signifies that a CTA should seem above the fold. 
  • Are model new to your web site: These prospects want an affordable quantity of copy. They don’t know what you’re providing or why it’s useful to them. Due to this, you might want to attend to push them into motion till you’ve delivered the suitable copy. 

In some circumstances, you might even place a number of CTAs on the identical web page. Some individuals may have a common understanding of the expertise and what it does. Because of this they’ll be glad to click on on the button on the high of the fold. 

However, there may be guests arriving on the identical web page that don’t perceive what the advantages of real-time personalization are. Because of this it’s good to elaborate a bit on what you must supply. A easy one-line rationalization isn’t sufficient right here.  


Figuring Out The place to Place a CTA

Deciding the place to position totally different parts of a web site is a typical problem for internet designers. Regardless of tons of blogs on the market, that declare “above the fold” is all the time the most suitable choice for any conversion price optimization, the reality is a bit more sophisticated. 

The essential factor to recollect as an online designer is {that a} CTA button asks a buyer for dedication. Even when the CTA permits somebody to obtain a free demo or sign-up for a e-newsletter with out spending any cash, it requires a buyer to start out a relationship with a model. 

In a world the place prospects are much less trusting of firms than ever, it doesn’t make sense to push them right into a relationship too shortly. Asking for a dedication from a target market earlier than they’ve had the prospect to see what’s “in it for them” is just not a good suggestion. 

Leap in too shortly, and also you’re more likely to rub individuals the incorrect means. 


Go Out and Grasp the Fold

The problem for immediately’s designers isn’t determining whether or not a button must be seen from the second somebody arrives on a web page. As an alternative, it’s good to take into consideration whether or not guests are discovering the CTA at a time once they’re able to take motion. 

You’ll be able to solely reply the query “the place ought to the CTA go?” after you’ve rigorously analyzed the mission that you simply’re engaged on. 

Keep in mind, above the fold isn’t all the time the reply. 


Featured picture through Pexels.


We will be happy to hear your thoughts

Leave a reply

Enable registration in settings - general