The WordPress Form: How can I build mine so that people actually use it? –

Forms. They are the worker bees of the internet. They allow your visitors to communicate with you. They turn that computer screen into a conversation with you and your company instead of just a spectator event. So knowing what makes forms tick is important. This blog post is all about some of the more interesting details about designing forms so that they are most likely to be used the way that you hope that they will be.

When someone submits a form instead of just eyeballing it and then surfing on down the information highway, we call that a form conversion. Conversion is the objective for any web designer worth her salt, because without conversion (definition: when a user takes the desired action on your site), the website is just another (hopefully) pretty face.

So now that we have some basics down, let’s get down to the details.

1. Less is more. Don’t use even one more form field than you need to.

In general, website visitors will run like scared rabbits from long forms. One thing that you can do to keep the rabbit on the page is to have your web developer make the form smarter than the average bunny. For instance, if you have an event registration form, you want to display entry boxes for additional participants only if the person filling out the form selects more than 1 as the number of participants. Just that simple detail will increase conversion rate by reducing unnecessary clutter. For reference, here is a handy graph that describes the average number of fields per form type and conversion rate. Let’s be sure that your forms are shorter than these averages:
 

wordpress-form-conversion-1
Average fields per form and Conversion rate

2. Use a submit button that your users are most likely to click.

There are so many choices for submit buttons. Round or rectangular, blue or red, flashing or polka-dotted. Just say no. This is one area where extensive user testing has been completed. If there is one submit button to rule them all, it is orange and looks like a pill capsule (see below).
form-submit-button-conversion

3. Do you know your form’s conversion rate?

WordPress has a few good form systems. One that we like is Contact Form 7, and here is a quick tutorial on getting Google Analytics working to track your form’s conversions. Of course our Projects Team is happy to set this up for you as well. It is a very quick thing for them.

So hopefully this blog post has helped you on your journey to more useful forms. If you want to learn even more about forms and how to get them humming on your website, check out the full  2014 Form Conversion Report from FormStack. It is full of interesting facts about forms.

Comments are closed.

Work With Us

We've been building websites for over twenty years, and have learned a thing or two about how to make web projects go smoothly.

What Our Clients Say

Watermelon Web Works, LLC place picture
4.7
Based on 19 reviews
powered by Google
OMS Anita profile picture
OMS Anita
22:20 29 Nov 24
Watermelon Web Works has been incredible to work with. They are patient, understanding, and quick to answer any questions (or emergencies) you might have. After switching over to them to help re-vamp our online retail store, we hired them to build our wholesale website as well. I can't recommend them enough - Thank you team!
Garrett Lister profile picture
Garrett Lister
19:55 10 Jul 24
Jared and the watermelon team were great - they quickly interpreted our website needs and designed a wonderful site. The project management site worked great to keep track of project.
N B profile picture
N B
21:23 14 Nov 23
My previous web developer who I was very happy with retired and I was pretty sad about it because it seems now days it is hard to hire a web developer close by with a good set of skills who is interested in helping small business at reasonable prices. Then I found Watermelon and I have been very happy. They are responsive, are able to solve problems, and work at reasonable prices.
Dark Star Magick profile picture
Dark Star Magick
18:05 03 May 23
We hired Watermelon to help us with our website. They were very thorough and took the time to explain in layman's terms what they were doing and how we could improve SEO and site functionality. We will definitely be back for future website needs!
Astoria Column profile picture
Astoria Column
18:42 24 Apr 23
Great work and amazing service! We're a non-profit, and our priorities are always focused on maintaining the Astoria Column. We had a website built by someone else a few years ago, but without regular updating and maintenance, sections of our site were no longer functional. Joanna and the rest of the team came in and had everything working within a week and it's been smooth sailing since then!
Ben Harris profile picture
Ben Harris
19:25 26 Aug 19
Watermelon has been a fantastic web development partner. Through every phase of our project they have always been 100% responsive to our requests and have always provided highly knowledgeable, creative, prompt, and personable team members to work with. As a financial institution we’re always concerned about the security and maintenance or our website and Watermelon has always provided the appropriate resources in order to meet and/or exceed our compliance and security requirements. We would surely refer them to any business associates looking for a qualified WordPress web designer in the future. – Denali Federal Credit Union
Mohr IP Law Attorneys profile picture
Mohr IP Law Attorneys
00:33 11 Apr 19
Watermelon Web Works did a great job creating a custom shopping cart page for our firm. Gavynn in particular was especially helpful and responsive. We appreciated the upfront costs and the technical competency of Watermelon Web Works and would not hesitate to work with the people there again.
Kim Markle profile picture
Kim Markle
23:36 08 Feb 19
Our company has been working with the Watermelon team for more than 10 years to help build and grow our website and customer portal. They are not only extremely talented and responsive, but are continuously looking for ways for us to enhance our current website. They are consistent, provide excellent customer service and really know what they are doing. Highly recommend!
Rick Brodner profile picture
Rick Brodner
23:23 12 May 17
I cannot say enough good things about Watermelon. They are terrific communicators, highly competent coders, and really, really nice people. They were instrumental in helping us to assemble a very usable, easily maintainable website for our organization. They' have demonstrated great flexibility in accommodating our evolving needs. They have been highly responsive to any technical issues, typically resolving them in less than 4 hours. Watermelon Web Works will make your organization better, and your CFO/Treasurer will be happy when they see the bill - what more can you ask for?
CLOSE