HOW TO: Keep Your CTA Above the Fold on a Lead Gen Landing Page

A fundamental rule of landing page design is to try and keep your Call To Action (CTA) above the fold. This enables your visitors to quickly see where they need to interact with your page to be successful. This is easy with a standard “Click-Through” style landing page that just offers a big shiny button for the user to click. You simply ensure that you place it in the top portion of the page.

What About Lead Gen Landing Pages?

On a lead gen form, the CTA is at the bottom of the form (the submission button). So it’s quite common (especially if you have a relatively long form) to have the CTA fall below the fold.

The solution to this problem is to implement 2 design rules that focus user attention on the lead capture form area.

Step 1 – Give the Form Area a Big Bold Header

Your form button may be below the fold, but the top of it shouldn’t be. So make this stand out as much as the CTA would if it were visible.

Step 2 – Use a Directional Cue to Let Visitors Know where the CTA is

Now that you’ve got their attention, you want to direct them downward. The purpose of this is to make them aware that the important stuff is directly below – and to instruct them to go take a look.

Here’s a great example from a site called Surety Bonds:

Click on the thumbnail for a full-size view.

Note the bold graphical form area header – coupled with a direction cue (arrow) to direct you to the CTA.

Click on the thumbnail for a full-size view.

And here’s a look at the complete lead generation form area. Notice how the header connects both stylistically with the form CTA, while directing your attention to it.

A simple and effective way to help your lead gen landing pages perform better.

Oli Gardner

default author image
About Oli Gardner
Unbounce co-founder Oli Gardner has seen more landing pages than anyone on the planet. He’s obsessed with identifying and reversing bad marketing practices, and his disdain for marketers who send campaign traffic to their homepage is legendary, resulting in landing page rants that can peel paint off an unpainted wall. A prolific international keynote speaker, Oli is on a mission to rid the world of marketing mediocrity by using data-informed copywriting, design, interaction, and psychology to create a more delightful experience for marketers and customers alike. He was recently named the "The 2018 Marketer to Watch," in the under 46 category, by his mother.
» More blog posts by Oli Gardner