Creating an optimized landing page is no piece of cake. It’s not as simple as using default form fields and slapping the form on the page to collect leads.
Marketers need to strike the right balance with every element of their landing pages in order to capture leads. So, even though a landing page is only a single page per se, there are many questions for you to consider when optimizing your form:
These are important questions to ask yourself, especially when you consider that your prospects only take 50 milliseconds to form an impression about your page.
This short time frame drives a lot of marketers to cram every page element they deem most important above the page fold.
When this happens, marketers start producing cluttered landing pages that look something like this:
Let’s see what elements we have on the page above the fold:
Would you want to fill out this form and click the CTA button? Can you even find the CTA button in this jumbled mess?
Jamming every element above the fold doesn’t create an optimized landing page. To create a visually appealing, mobile responsive, and optimized page; get over the above the fold obsession and come to terms with the fact that:
Today we’re going to debunk the myth that every lead capture page element should go above the page fold, as well as learn the most optimal position for your landing page web forms.
The “fold” originates from the newspaper industry, where the positioning of an eye-catching graphic or a juicy story could increase the sale of a particular newspaper.
This is how they used to sell newspapers:
On a web page, the fold is the area of the page that’s visible to the visitor without having to scroll. The “fold” is not an absolute line because it varies with the size of the screen your visitor uses to view your page (and device, too). If your pixel screen resolution is 1366 X 768 the area highlighted would count as the fold:
Marketers scramble to put their lead capture forms above the fold because they don’t want to miss a conversion opportunity just because a visitor didn’t scroll.
However, placing a lead capture form too early on the page can cause conversion friction and makes the visitor second guess his or her decision to fill out the form. You can’t expect people to complete a form with their personal information before you give them all of the available information about your product or service.
In the end, just because the form is placed above the fold, doesn’t guarantee that it’s going to be filled out.
So much focus on the “fold” debate has left most marketers and designers to undervalue and overlook the page from below the fold. Many marketers believe all they need to do is create a stellar page above the fold, because what happens below the fold doesn’t matter.
Various studies show that a vast majority of web users scroll on a given page and that a significant percentage of visitors begin scrolling on the page even before the page has finished loading.
According to Amy Schade of the Nielsen Norman Group:
“The fold still exists and still applies… But more than a measurement, the fold is a concept… Users do scroll, but only if what’s above the fold is promising enough…anything that’s hidden and that the user must uncover will only be seen if the user deems it worth the hassle.”
To encourage scrolling on your landing page, convince your visitors that your page is worth scrolling down. This doesn’t happen by placing everything above the fold. It happens when you strategically optimize your page for lead generation and user behavior.
Tell a story with your landing page first and request your visitors’ information later — when they have acknowledged that the story is applicable and beneficial to them.
Nobody can deny that your landing pages get viewed more above the fold, but that doesn’t necessarily mean always viewable.
Google’s report, The Importance of Being Seen: Viewability Insights for Digital Marketers and Publishers shows that above the fold isn’t always viewable, while below the fold often is:
In fact, a Clicktale study shows that if a page has a scroll bar, it will be used by 76% of users to at least some extent while 22% users will scroll to the bottom of the page.
Your web forms collect user data and fulfill your landing page goals — making them one of the most important elements on your landing page. The form’s positioning is an important thing to consider when designing your landing pages.
Should your web form go above the fold, like Treasure Data’s landing page:
Or should you place it below the fold, like Quality Logic does:
Or, how about using a two-step opt-in process, like we do on the Instapage landing page:
Where you place your forms depends on the type of landing page you’re creating and your industry.
Are you selling insurance? Placing your form above the fold will be premature, explain what your company does first, go through your unique value proposition and then request your visitors to convert.
Do you want users to sign-up for a free trial? Here, you have a little leeway. Place your form either above or below the fold after you have acquainted your visitors with your product.
As a rule of thumb, remember that you’re better off placing your form below the fold if your product or service:
Landing page web forms' placement is crucial to capturing leads. Don’t let the fold dictate all your landing page decisions.