Whether it’s a plane ticket to go home for the holidays, or a new pair of shoes, we are constantly being cautioned about the risk of giving our personal information over the web. All marketers are also consumers, which means they should be able to understand most users’ hesitation. Requiring a visitor to give personal information before delivering what they came to your site for can increase friction and anxiety for the user and thus cause them to bounce.
This presents a problem if you are a direct response or lead-generation business that relies on form completions. But not to worry, having run hundreds of tests for similar clients, we see which form practices and combination of practices work and which don’t. Below are what we have found works for the majority of clients.
Basic Best Practices:
1) Positioning – Form location above the fold of the page, make sure visitor doesn’t have to scroll down to see it.
2) Length – Shorter forms usually result in more leads, while longer forms will result in fewer, but higher quality leads. Find a good balance between collecting enough information, but not asking for more than users are willing to give.
3) Vertical vs. Horizontal – Single Column Vertical Forms are typically best. Scanning DOWN the form has been shown to be preferable to left to right as it reduces the number of eye movements needed to fill out the form.
4) Fields – Begin by determining the minimum amount of information needed to capture, and include only these fields for the initial step of the process. Any non-essential information you want can be requested during the thank you process (post-confirmation). It might mean your sales team has to work harder but there will be more leads. Collect just enough information through your form to enable you to both contact and qualify the lead.
A good rule of thumb is to only ask for the essential information to qualify the lead since in general you can lose 30% of conversions for each field over the standard 3. In addition:
- Use inline validation.
- Top Aligned field labels are best for reducing completion times and when asking for familiar data input.
- Use consistent field length for similar fields.
- Keep the path to completion clear by arranging fields and field descriptions in a way that the eye is led down the screen to the call to action button.
6) Call to Action (CTA) – Always test your landing pages for the most effective CTA message. But for most demographics, the CTA should remind the user what it is they are doing and echo the CTA of the ad.
After you have optimized your form position, layout, design and messaging, take it one step further and use the HMTL programming options below to make subtle changes help further improve user experience and increase conversion rates!
Lead-Generation Form HTML Best Practices:
7) Auto-fill Form Cursor –By automatically programming the cursor into the first field (autofocus) you can avoid friction and increase conversion rate. Enable by adding autofocus=”autofocus” /> after the field you want to automatically get the cursor to land in when the page loads. It might seem insignificant, but it has yielded substantial lift in conversion rates.
8) Auto-fill Form Input –For forms with fields that require commonly input info, test programming to allow the browser to automatically complete values based on values that the user has entered before. Enable by adding autocomplete=”on”> for applicable <form> and <input>.
Follow these 8 tips and you are bound to have more conversions, more customers, and more revenue!