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.
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.
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:
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.
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.
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.
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".
Enhancing your landing page lead capture form with custom text on form steps
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 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.
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.
Configuration of auto navigation inside LeadGen App (left) and landing form design (right)
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.
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.
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.
Connecting landing page form to third party tools like Calendly
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).
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.
|Landing page offer||Call-to-action (CTA)|
|Consultation booking form||Book my Consultation|
|Demo booking||Request Demo, Book my Demo|
|Report download||Get Access Now, Get Instant Access|
|Calculator form||Get my Score, Calculate my Score|
|Create Account||Get Started Free, Create my Account|
|Contact form||Get in Touch, Send Message, Request a Call back|
Overview of good Call-to-action (CTA) types based on the landing page form type
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:
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:
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.
For Web Agencies
Conversation with LeadGen App founder Waseem on his experience in building 15-staff digital agency.
2 minutes read
For B2B Brands
6 tactics to build high-converting forms for landing page campaigns.
9 minutes read