What are Best Practices for Landing Page Layout and Sizing?

Follow

Are you having issues with the width of your landing page? Grey space questions? Need to know where best to put your CTA? This FAQ should help you with all you need to know on best practices for the layout of your landing page when creating your page using the Classic Builder or Smart Builder. 

What's the recommended page width for a landing page created with the Classic Builder? 

We recommend sticking with 940 - 960 pixels, which should work for the majority of different screen sizes. 

This should prevent any additional side-scrolling and white space on your landing page.

Is there a recommended page length? 

There is no Unbounce recommended page length. However, remember that you want to avoid putting too much content on your landing page, to avoid losing the attention of your visitors. 

My page is too short and I'm noticing some grey space at the bottom; how do I fix this?

Are you currently testing your page on a large monitor? No need to worry! The grey bar will appear only in cases where the monitor size is disproportionate to the page, which is usually not the normal viewing case for your landing page visitors.

Your page will appear as normal when viewing from a 13-inch screen or smaller. 

The landing page analyzer mentioned that my CTA isn't "above the fold". What this does mean? 

Your CTA (Call to Action) is the most compelling part of your page - and the one that you want your visitors to interact with! Research has proven that a majority of visitors won’t scroll down so you have to catch their attention quickly ‘above the fold’ -- or the area when scrolling will be required. 

You may want to move your CTA button or link higher onto the first section of your landing page to get better impact and better conversions. 

Additional Resources

What Are Some Best Practices When Designing My Landing Page?

What is Smart Builder (Beta)?

Understanding the Classic Builder Interface