12 Steps to Create Landing Page Forms that Generate More Leads

 

Landing page forms play a key role in making your pages convert leads. In lead generation campaigns, the page content and design provide the context for the visitors, but only the form brings the lead to your business. What makes a high-converting form entice more people to fill in their details and complete the form? We studied hundreds of forms and present the 12 best practices to create a user-friendly and high-converting form.

 

Step 1: Ask Less

Ask less questions

Get more conversions in your landing page lead forms by reducing the number of questions

"He who asks a question remains a fool for five minutes. He who does not ask remains a fool forever" a Chinese proverb says. While there's a lot of wisdom in this quote, the opposite is true in the context of converting users to leads on landing page forms. We are living in a world of information overload where keeping it's a real challenge to keep someone's attention, especially online. Landing page forms should be straight to the point, asking for the right type and amount of information.

Think of it this way: If someone sees your landing page and starts engaging with the form, that person is already invested in purchasing your product or service. They have already gone through your content, checked out competitors, are familiar with the type of product or service they need, and understand the pain point they want to solve. Make your form and messaging crisp, and centered around the problem you help your customers solve. Shrink down the form questions to a smaller number.

Ask for the right information in landing page forms

Good and bad practices for landing page contact and lead forms

What number of fields is small enough? There's no universal answer to this, sometimes it may need 7 questions, other times 2 fields of name and email is all it takes. In the context of lead generation though, hold off from using long forms and don't ask for too many details that you as the business don't necessarily need.

Unless your goal is lead qualification (e.g. at a later step in the sales cycle), don't use the following type of questions, especially if your goal is to get the highest conversion rate:

Avoid asking these Question in Landing Page Lead Forms:

Budget: Good to qualify, but too invasive in first contact which causes some leads to bounce.
Role: Can easily be researched, e.g. via LinkedIn, and is the job of your sales team to find out.
Revenue: Similar to budget: Too invasive and for most B2B brands, not a main criteria.
When they need your service: An unnecessary question. If you are fully booked in taking on clients, inform incoming leads via auto-email reply about possible delays. If the lead says they are only ready at a later stage it's mostly not a real objection and something for your sales team to address.
How did you hear about us: A waste of time for you and the user. It makes the user think, whereas your form should be as easy and stress-free as possible.

 

Step 2: Smooth Experience

How to create a smooth experience in using landing page forms

Fast form load time

With low attention spans, people are also quite impatient and easily abort your page if something is not working smoothly. To start with, make sure you have fast page and form load times. Your page and form should load in under 3 seconds. LeadGen App forms can be embedded in your landing page builder via two different methods: The direct embed code and the iframe code. The direct embed code integrates the form in your page and is typically achieving the best form load times.

Form Step Transitions

Landing page form with form steps

Not only is the time to first form load important, but also the speed while browsing through the form. Nothing would be worse than getting stuck in the middle of a form or having the form step load up with too much delay. To create a smooth form, we provide options to customize the user experience. For example, in a multi-step form, you can either choose the form steps to load up via a transition (fade-in effect) or instantly. Both can be a great experience. If it's a short form, you may want to keep it short and snappy by instantly loading the next step. If you are using a longer form, e.g. with 6 form steps, the fade-in effect can make it easier for the eyes and less interruptive.

 

Step 3: Progress bars

Progress bars in multi-step landing page forms

Landing page contact form with progress bars

Forms on landing pages are often very short to just capture the most important information (as highlighted in step 1). Still, you can use multi-step forms which split the form questions and fields into different steps. Multi-step forms are great for user experience and better conversion rates. Breaking down content apart, it allows users to only focus on a smaller part of the information at one time.

Furthermore, it's more enticing to complete a form, knowing you are already halfway or further through a form. In psychology, this concept is called the "Sunk cost fallacy", meaning we are more likely to complete things if we have already invested time into them. Landing page with forms can use this concept by implementing progress bars.

"The Sunk Cost Fallacy describes our tendency to follow through on an endeavor if we have already invested time, effort or money into it, whether or not the current costs outweigh the benefits." Sunk cost fallacy definition, Source: DecisionLab

Besides progress bars, you can customize LeadGen forms with custom text, set-up using textboxes in the form-builder. For example, you can easily add descriptive text on top of each form step, indicating the form step location to the user, e.g. "Step 2 of 3" or "Nearly there, just one more step to complete".

Customizing landing page forms with textboxes - Showing the number of form steps to user

Enhancing your landing page lead capture form with custom text on form steps

 

Step 4 - Use Auto Navigation

Auto navigation in multi-step forms

Use auto navigation to make it easier for users to go through form steps

The more work and effort you can take away from your landing page visitor, the better. That also applies to the number of clicks your user has to make to confirm the selection of a choice question. Firstly, let's look into the different ways you can ask users to select a choice.

Different ways to show selection questions

Different types of choice buttons that you can use landing page lead forms

Buttons provide users clickable elements that can change colors when chosen. Radio buttons are similar but provide checkbox-like elements to choose from. Also, choice questions can be built with a dropdown where users see the options only when clicking the downward arrow. All of these choice question types can be a good fit for different types of campaigns. However, select buttons are the best option for landing page forms because they show choices in a very user-friendly style. Buttons are easy to click and compared to the dropdown users save to click one less time to choose their choice.

Another interesting benefit of select buttons is the ability to create an auto-jump where the user no longer needs to click the next button to move to the next step. The result: The landing page form is super smooth and users need to click much fewer elements compared to a normal select choice question, and even 2 clicks less compared to a dropdown question. In a form with 5 form steps of choice buttons, users need to click 10 times less in an auto-jump form vs. a dropdown form.

Form choice type comparison

Comparison of different types of choice buttons: Select buttons, Auto jump, Radio buttons and Dropdown

The table above the comparison of the different choice question types. The time it takes to go through a simple choice question is estimated with the amount of seconds for each type. The time itself obviously differs based on the type of user and the question. Some users need less time, others more. Similarly, questions with more choices will require users to look out for the right choice for longer. The message however is that select buttons, especially auto-jump select buttons save users clicks and time. Consider using auto navigation in your landing page multi-step forms when asking users different choices. In LeadGen App, you can turn on auto navigation with this setting in the design editor.

auto jump setting in LeadGen

Configuration of auto navigation inside LeadGen App (left) and landing form design (right)

 

Step 5: Minimum Typing

minimum typing in landing page forms for higher conversions

Make your landing page visitors type less in forms to improve user experience

Asking users to leave a message or fill in other open text fields can be great for contact forms on websites. For landing pages, however, open fields are a big conversion-killer. Your landing page should be designed to answer all the most common questions prospects may have, providing the confidence for visitors to fill in your forms. Furthermore, keep your landing pages dedicated to clearly defined offers that don't leave any room for open text fields. The only information you need to ask for may include qualifying questions about the goal or service need via choice questions and personal/ contact details.

Minimum typing form comparison

Two examples of using questions in landing page forms: Select buttons (left) and open text field (right)

Whenever possible, choose select buttons over input fields because it's way easier to click a choice compared to typing. Also, In some cases, auto-fills can also be used. Google auto-fill automatically works on LeadGen forms, e.g. in email, phone, and address fields, making it easier for visitors to quickly fill in their details.

You can also use auto-fill when linking 2 forms to another or by redirecting to a calendar booking page after submissions. This is possible by posting the form data to the Thank-You URL in LeadGen App. The following form or tool you are sending the data to, needs to pick up the URL parameters via webhook integrations. Webhooks are a great method of linking different applications and tools to each other by passing on data. Let's say you have a simple landing page form which is followed by a Calendly booking form. In this case, you simply need to activate the setting "Append form data to URL" in your LeadGen form. Use the webhooks integration that Calendly provides to map the fields and make the form fill in the data automatically.

How to append form data to URL in LeadGen App

Append data to Thank you page URL - Setting in LeadGen App form-builder

This will pass on the form submission data of your visitor into the URL that loads up after the lead completes the form.

webhooks passing form data

Connecting landing page form to third party tools like Calendly


Step 6: Custom Call-to-action (CTA)

Customize call to action

Customizing form call-to-action text to match the user intent

Most online forms use basic button call-to-action (CTA) text. The last form step of your form is mostly called "Submit", "Submit form" or "Send". A generic CTA text is rarely the most user-friendly language. Make it more relevant for your audience so that the last form button to click provides confidence that your visitors are taking the right step to fill in your form.

In LeadGen App, you can customize the button in many different ways: Change the font, font size, text, border radius, colours, shadow, icon and more.
You can choose a unique style for the continue button (those buttons that guide the user through form steps), the back button and the submit button (last button before the form ends).

Form button settings in LeadGen App

Changing continue and submit button styles and shape in form-builder

For the submit button call-to-action type, here are good text ideas for different types of landing page offers.

Choosing the right CTA text

Landing page offerCall-to-action (CTA)
Consultation booking formBook my Consultation
Demo bookingRequest Demo, Book my Demo
Report downloadGet Access Now, Get Instant Access
Calculator formGet my Score, Calculate my Score
Create AccountGet Started Free, Create my Account
Contact formGet in Touch, Send Message, Request a Call back

Overview of good Call-to-action (CTA) types based on the landing page form type

Where you can use landing page forms?

You can use landing page forms on various page-builders. LeadGen App landing page forms can be embedded into any page-builder with an HTML editor. Here are our top recommendations for landing page builders:

  1. Unbounce:

Unbounce is a powerful landing page builder to design and host your pages. It is also a great solution for marketing and web design agencies by using the sub-accounts feature for clients. The page-builder uses drag-and-drop and provides flexible options for creating web and mobile designs.

Unbounce has its own form builder built into the platform. Unbounce forms have its challenges when it comes to customizing forms and building multi-step journeys. LeadGen App landing page forms are used by many Unbounce users, especially to have full flexibility in terms of creating unique multi-step form designs which can be tested for the highest conversions. Use LeadGen App and build high-converting lead forms to replace your Unbounce forms.

Here is how you can use LeadGen forms in Unbounce:

Build Your Conversion-Optimized Landing Page Form

LeadGen App is the form-builder tool for landing pages and marketing campaigns. Create a Free Account, build your custom landing page form and make it live on your site in minutes. Create Your LeadGen App Account Here.


About the Author

author_image

Christopher Lier, CMO LeadGen App

Christopher is a specialist in Conversion Rate Optimisation and Lead Generation. He has a background in Corporate Sales and Marketing and is active in digital media for more than 5 Years. He pursued his passion for entrepreneurship and digital marketing and developed his first online businesses since the age of 20, while still in University. He co-founded LeadGen in 2018 and is responsible for customer success, marketing and growth.

See Related Article

For B2B Brands

Close Gaps and Grow Revenue by 26% using Revenue Operations (RevOps)

Revenue operation tactics of Silicon Valley brands, with Jason Reichl, CEO of GoNimbly

3 minutes read

For B2B Brands

Looking back at 2020 – Learnings from Building Businesses in a Recession

2020 was a turbulent year. Here is our review, sharing learnings and how we overcame challenges.

2 minutes read

For B2B Brands

Enterprise Marketing: Corporates vs. Start-up Approaches to Digital Marketing

Insights into Enterprise Marketing from a Marketing Leader at Financial Technology Consulting firm.

2 minutes read

Latest Blog Post

Leadgen-21-Thumbail-Recovered.png

For Web Agencies

How to Manage, Scale, and Operate an Agency Business

Conversation with LeadGen App founder Waseem on his experience in building 15-staff digital agency.

2 minutes read

thumbnail-landing-page-forms.png

For B2B Brands

6 Best Landing Page Form Tactics to Capture More Leads

6 tactics to build high-converting forms for landing page campaigns.

9 minutes read

Thumbnail-20-min.png

For Start Ups

How to build a SaaS business from the ground Up – Interview with Max Louis (Oleso)

How to build a SaaS business from the ground up.

2 minutes read