Landing Page Size Guide – Getting The Right Dimensions

Landing Page Size Guide – Getting The Right Dimensions

Landing pages can help you generate more and better leads.

But you need to get the design, the copy, and the offer right if you want your landing page to convert well.

So let’s start with landing page design basics. How large should your landing page be?

Here’s our guide to landing page dimensions…

What is a Landing Page?

Okay, so before we get into the nitty-gritty of landing page dimensions, let’s make sure that we all agree on the definition of the term “landing page”:

A landing page is a web page that has a specific conversion goal.

In theory, that conversion goal could be anything, but in practice, the vast majority of landing pages fall into one of these two categories:

  1. Lead generation landing pages that are designed to persuade the visitor to provide their contact details (e.g. an email address).
  2. Sales landing pages that are designed to persuade the visitor to buy a product or a service. 

Moreover, while the term “landing page” is an umbrella term that includes any web page with a single conversion goal, online marketers typically use it to refer specifically to lead generation landing pages. 

Most of what we will discuss in this article applies to landing pages in general, but our focus will be on lead generation landing pages in particular. 

The 3 Types of Landing Pages

There are three different types of landing pages:

  1. Short-form landing pages
  2. Medium-length landing pages
  3. Long-form landing pages

Let’s take a closer look at each of them:

#1: Short-Form Landing Pages

Short-form landing pages, also known as squeeze pages, are the most basic type of landing page that only takes up a single screen. 

Here are the three key elements of a squeeze page:

  1. A headline that conveys the value of your free offer. There are several approaches to writing effective headlines but the most straightforward one is emphasizing the most important benefit of your lead magnet. How will it make the potential customer’s life better? Focus on that. 
  2. An opt-in form where the potential customer can type in their email address. You can use either a 1-step opt-in form that is displayed immediately or a 2-step opt-in form that is displayed once the potential customer clicks the call-to-action button. 
  3. A call-to-action button that encourages the potential customer to get your lead magnet. We recommend using offer-specific copy (e.g. “Get Your FREE Ebook Now!”) as opposed to generic copy (e.g. “Subscribe” or “Download”). 

You can also add various additional page elements such as a subheadline, a few sentences of copy, social proof, a relevant background image, etc.

Here’s a simple, yet high-converting squeeze page that we are using to promote our “The Funnel Hacker’s Cookbook” lead magnet:

Short-Form Landing Pages

Get “The Funnel Hacker’s Cookbook” for FREE!

#2: Medium-Length Landing Pages

Medium-length landing pages are landing pages that are several screens long. 

They have the same key elements as squeeze pages as well as the previously mentioned additional elements.

However, when it comes to these additional elements, there’s more of everything:

  • More copy
  • More social proof
  • More images

…etc. 

#3: Long-Form Landing Pages

Long-form landing pages are landing pages that go on and on and on. This format is almost exclusively used for sales pages.

One notable exception is lead generation landing pages for “FREE + Shipping” lead magnets where you offer the potential customer a physical product for free but ask them to cover the shipping costs.

This approach to lead generation requires much more persuasion than the traditional approach where the lead magnet is digital.

Consequently, it makes sense to treat your lead generation landing page as a sales page and use the long-form landing page format. 

Check out our “DotCom Secrets” lead magnet landing page if you want to see how this looks in practice. 

Long-Form Landing Pages

Get “DotCom Secrets” for FREE!

How to get Your Landing Page Dimensions Right

Okay, so now that you understand the differences between these three types of landing pages, let’s talk about landing page dimensions. 

Landing Page Width

When it comes to desktop landing pages, the recommended width is between 940 pixels and 960 pixels. 

Meanwhile, for mobile landing pages, the recommended width is 320 pixels.

These are just the general guidelines that should cover most devices but won’t cover all of them as some devices have unusually large or small screens. 

Landing Page Height

The height of your landing page will depend on the format of your landing page.

The recommended height for short-form desktop landing pages is 720 pixels. 

Meanwhile, the recommended height for short-form mobile landing pages is 480 pixels.

Again, these are just the general guidelines that should cover most devices but won’t cover all of them. 

There are no height guidelines for medium-length and long-form landing pages because it varies a lot depending on the content on the page.

Static Web Pages vs. Responsive Web Pages

Here’s the difference between static web pages and responsive web pages:

  • Static web pages are displayed the same way regardless of the device that the visitor is using.
  • Responsive web pages automatically adapt to the dimensions of the device that the visitor is using. 

The vast majority of websites are responsive, which shouldn’t be surprising given that more than half of all web traffic is mobile

Despite that, 73.1% web designers mentioned lack of responsiveness as one of the reasons why visitors leave websites.

The reality is that static web pages simply don’t cut it in today’s attention economy. If a page looks weird on a smartphone or a tablet, people will leave and never come back. 

So make sure that your landing page is responsive!

Static Web Pages vs. Responsive Web Pages

Use a Proven Landing Page Template!

Let’s be real:

You probably don’t want to spend your time tinkering with landing page dimensions or worrying about responsive design. You have a business to run!

But you still need to make sure that your landing pages look good on all devices if you want them to convert well. So how can you do that?

Your best bet is to use a responsive, professionally-designed landing page template that has been proven to work well.

Our software, ClickFunnels 2.0, includes a template library that features high-converting landing page templates for all of the most common use cases. 

Our templates are responsive and look great on all devices!

Build Landing Pages That CONVERT With ClickFunnels 2.0!

ClickFunnels 2.0 has everything you need to create landing pages that convert:

  • Proven landing page templates.
  • Visual editor that you can use to customize those templates.
  • A/B testing functionality that you can use to optimize your landing pages.

What’s best is that we have a free trial which means that you can check out our software without any risk!

Start Your Free Trial