Contact forms are the rubicon for interactions between your company and the outside world. While there are many interaction points and forms on a site (from user account pages, ecommerce checkout flows, etc.) the contact form is the place where users come to connect directly with you. Improving the conversion rate of your contact form can mean big things for your business.
Think of all of the different use cases for your contact form: a superstar employee looking for a job, a potential game-changing partnership inquiry, a new business opportunity, or a customer service question that can turn a user with a poor experience into a lifelong advocate. Â With all that’s riding on your contact form don’t you think it’s worth spending the time to make it an experience that works? No matter your use case, an easy contact experience shows users that you care about them.
So in that spirit, I’ve assembled five tips to maximize how many people fill out your contact form:
Lesson #1: Fewer form fields = greater conversion
In many things, simple wins over complex. As Steve Jobs put it, “Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple.” Your contact form should be simple. If you take away one thing from this post, it’s that eliminating unnecessary form fields can significantly increase the conversion rate of your contact form.
In fact, Dan Zarrella at HubSpot recently researched the contact forms of 40,000 of their customers and found that conversion rate improves by almost half when the number of form fields are reduced from four fields to three. Stop and read that again — eliminate one form field, increase conversion by 50%.
Don’t you wish improving every part of your business was this easy? So start here. Look at your contact form and decide what must stay and what can go. Do you really need their daytime phone number? Cut ruthlessly and measure changes in conversion. You should see them start to head in the right direction.
Lesson #2: Create trust on your contact page
People are reaching out to you – an unknown business entity on the web. If you think about it, that’s a big leap of faith. The user takes time out of their day to connect with you and the first thing you do is ask for a bunch of their personal information, including name, email address and who-knows-what else. That’s why it’s imperative to create trust on your contact form.
Let people know that they’re connecting with people that are there to help them with whatever they need.
So how do you create trust? Much like in the real world, it comes down to the little things:
- Related to point one, evaluate the information you request on your contact forms. If you’re asking for overly sensitive information, reconsider it and see if you can collect it from the user later in the process.
- Set expectations for each field clearly, to reduce confusion and invalid input errors.
- Be user friendly — insisting that the user insert dashes for a phone number, or making irrelevant fields mandatory doesn’t create trust, it creates friction and unease.
- Clearly articulate what will be done with their information and why you’re asking for it. Let users know their email address won’t be added to any marketing lists or sold or shared with partners.
All of these little things create trust that increases the likelihood that a user will complete your contact form and reach out.
Lesson #3: Provide help along the way
Your contact form serves as a gateway for every type of visitor that may land on your website. From job seekers, salespeople, customers and potential customers, press and more, you’re designing for a very broad audience.
You need specific information from these users to best determine how to help them. A customer needs to be routed to customer service, while a new partnership request needs to go to business development, while an inbound SEO inquiry needs to go to the trash.
Because you have needs when it comes to the data you collect, it’s critical that you articulate what you need and why on your contact form. This is where help text comes in. Unfortunately, if companies typically make the contact form an afterthought, help text is an even lower priority. This can lead to some frustrating experiences and reduced conversion rate on your contact form.
How can you use help text to increase conversion? Again, it’s in the details. Provide ghost text in fields to let users know what should go there.
You can even hint at formatting with the ghost text. For example ghost text for phone numbers that use the (xxx) xxx-xxxx will encourage users to complete the form in that style.
Provide help text below fields to guide users’ input. When more complicated contact forms are used, provide tooltips next to each field that explain in detail the what and whys of the information being collected.
By providing guidance and help in your contact form, you’ll ensure that users are able to make it through to form submission instead of giving up halfway through.
Lesson #4: Reduce friction everywhere
The idea of reducing friction is an ongoing theme. In fact, it should be your default approach to contact form design. But there are specific elements that you can build into your contact forms to reduce friction and improve completion conversion rates.
Set the tab order to allow the user to move quickly and sequentially through the fields. This is especially helpful in the mobile use case and for savvy Internet users. Pay particular attention to the final tab order of the Submit and Cancel buttons. Many quick tabbers will complete a form and expect Submit to be the next field. If they go to submit their information and they inadvertently choose “Cancel” due to your field ordering, you’ve made someone very unhappy.
Field focus and highlighting: let users know where they are in the contact form. Highlight the respective field where the user is expected to input information. If they get distracted or if the form has many fields they’ll be able to pick up quickly where they left off.
In all areas of contact form design look for ways that you can reduce the friction of the process and watch your conversion rate rise.
Lesson #5: Design for mobile first
Not only is the mobile audience growing ridiculously fast, designing for the mobile experience first can make your contact form easier to use. For starters, thinking mobile first ensures that you eliminate useless input fields.
If you’ve ever filled out a form on an iPhone you know how painful each additional field can be. Thinking mobile first also drives important user interface decisions, such as whether you put field labels above or to the left of your form elements, and what you set as your default options for certain fields.
You never want to be the developer that makes a US-centric audience scroll through 160 countries to get to United States of America to complete a “Country” field on their mobile device.
Thinking mobile-first also ensures that you’re specifying form element types in your code. When you mark up your form properly, you’re able to leverage native UI elements such as the large, swipeable lists, in iPhones and Android devices that make form completion much easier.
You can also code your contact form to take advantage of mobile capabilities to make form completion easier, driving up conversion. Why make a user input their location information by hand if they can do so using the phone’s GPS with a single click? Can you allow photo uploads or voice-driven input? And can you design your forms to take advantage of different device orientations to open up more space for input?
An increasing percentage of your users will be experiencing your site and reaching your contact form on their mobile device, it’s critical that you design for their needs. The offshoot is that you’ll be improving the experience for every user in the process.
Reducing friction drives conversion rate. No matter what you’re doing with your contact form, the more friction you can eliminate from the user experience, the higher you’ll be able to push your conversion rate. From form field choices, to help text, to layout and design choices that make the user experience clear and consistent, these choices all impact how many people fill out your form.
And by designing for the mobile user, you’ll not only service an ever-growing portion of your visitors, you’ll also reduce friction and improve the experience for desktop users. Contact forms are the interface between your company and the rest of the world.
Make the experience a better one and you’ll find that communication and conversion will both improve A higher conversion rate on your contact form can mean big things for your business, from new customers, to new raving fans, new business deals and more, a high-converting contact form is an important aspect of any successful online presence.
So what other ways can you improve your form field conversion rate?
About the author: Chuck Longanecker is the CEO and co-founder of digital-telepathy, a user-experience design company passionate about creating products, like SlideDeck, Hellobar, and Impress, that make the Web more intuitive and compelling.