• Build a landing page in the Unbounce Builder's new Preview mode
  • 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

    About Oli Gardner
    Unbounce co-founder Oli Gardner has seen more landing pages than anyone on the planet. But January 2018 is NOT about landing pages. We are doing a blog takeover to explore going from one to many products. We're doing this to increase awareness of our 2 new products (Popups & Sticky Bars), and to take a transparent journey of discovery to become better marketers. By writing 30 posts in 30 days – all about product awareness – I’ll be lifting the lid on Unbounce adoption and churn metrics, and sharing innovative tips and strategies to help us all become better at marketing our products. Read post 1 of 30 in the Product Awareness Month blog takeover Check out the full month's calendar of 30 product awareness posts.
    » More blog posts by Oli Gardner