How to build a contact form that actually converts - Zephyra Studio

The contact form is where the easiest job to win is most often lost. The usual reason is not design but friction: too many fields, no clarity on what happens after submitting, a check nobody understands, and an error message that does not say what to fix. A form that converts has four or five fields, states plainly what you get by sending it and how soon someone will reply, and confirms the request arrived. Everything else is measurable: the number of submitted forms against the number of pages with a form that were opened, and the number of people who started filling it in and gave up.

Fewer fields, more enquiries

Every field in a form is a cost to the person filling it in. The first two, a name and a contact, take a second. Each one after that demands thought, and thought is where people give up, especially on a phone held in one hand.

The practical rule is that the form holds only what is needed to reply: name, contact method and message. If the type of service is needed too, make it a single choice from a list rather than a free-text field, because that reduces effort while collecting the same information.

Fields added out of habit, such as address, postcode or company name, should be dropped from the first contact. If the job moves forward, those details come up in conversation, once the person has a reason to give them.

The phone number is a special case. Many people here would rather call than write, so the phone should be offered as an option, not made a required field that turns away anyone who does not want a conversation.

What stands around the form

A form is never judged on its own but together with the text around it. That text explains what is being asked, how long a reply takes and where the data goes, and it is often the difference between an enquiry and a bounce.

• A heading that says what you get, for example a quote request, rather than a generic contact label
• One or two sentences about the reply time, because an unknown wait puts people off more than a price does
• A note on who receives the message, because writing to an agency differs from writing to a company where you do not know who reads it
• A plain consent statement with a link to the privacy policy, without legal jargon
• Phone and e-mail as alternatives, because some people will not fill anything in
• The form on service pages, not only on the contact page, since most people never open that page

Technical details that decide the outcome

An error message must say what is wrong and where, not merely that a field is invalid. The e-mail field should report that the at sign is missing, rather than colouring the border red and leaving the person to guess.

On a phone the keyboard should match the field: numeric for a phone number, one including the at sign for e-mail. Without that, people type the wrong character and give up, leaving the form empty and no enquiry behind.

A label above the field reads better than text that disappears as soon as typing starts, because after an error nobody remembers what was asked. That detail shows up in the data when you measure how many people start a form and abandon it.

• One column, with no fields splitting into two columns on a phone
• A check that does not stop a person: a hidden field, a timing check or an invisible check, instead of a puzzle to solve
• A confirmation as a separate page, because it is easier to measure and does not resubmit on refresh
• Notifications to an address someone actually reads, with mail rules set so messages do not land in spam
• Never a mail link as the only option, because on a phone without a configured client nothing opens

How to measure whether the form works

The basic measure is the ratio between pages with a form that were opened and forms that were submitted. A weak ratio means the problem is the form or the text around it, not the traffic.

The second measure is abandonment. When the moment a field is first touched is tracked as well, you can see how many people start filling it in and stop. That is the most useful figure, because it separates people the form pushes away from people the topic never interested.

The third measure is enquiry quality. If there is a lot of spam, the check is too weak, and if many messages ask for something already stated on the page, the text above the form is not doing its job.

Test one change at a time, or you will not know what produced the result. Session recordings are useful for forms, because they show where people get confused far more clearly than numbers do.

The most common mistakes

Almost all of them follow one pattern: the form asks for more than it gives, or it behaves in a way that leaves the person unsure whether the message was sent.

• Too many required fields, especially ones unrelated to replying
• A check that blocks access or is invisible on a phone
• No confirmation after submitting, so people send the same message two or three times
• Notifications going to an address that is rarely read, or into spam
• The form as the only option, with no phone or e-mail
• A form that exists only on the contact page, which most people never open
• No clear statement about data processing, which is both a legal and a trust problem
• The form never tested on a phone after the last change to the site

Source

Key takeaways

• The form should ask only for what is needed to reply: name, contact and message.
• The text around the form explains what you get and how soon, and it is often the difference between an enquiry and a bounce.
• Error messages and a keyboard matched to the field reduce abandonment more than any design move.
• Abandonment is measured by tracking when filling in starts, not only by the number of submissions.
• Phone and e-mail remain as alternatives, because some people will not fill in anything.

Conclusion

The contact form is the cheapest place to fix things, because every change shows up within a week, and most fixes come from removing rather than adding. If you do not know how many enquiries you are losing, the first step is to measure the ratio between opened pages and submitted forms, then the number of people who give up mid-form. We connect forms to conversion tracking through conversion optimisation, so that after every change you know whether it brought more enquiries or merely a different-looking form.