How to redesign your website's contact form

A contact form redesign is mostly about removing things. Ask for less, so more people finish it. Make sure every message lands in an inbox someone reads that day. Stop spam without making real customers solve puzzles. And tell the person what happens after they press Send. Most old forms fail at least one of these, and the owner rarely knows, because a form that silently breaks produces nothing to notice.

Start by testing the form you have

Before redesigning anything, find out whether your current form works at all.

Open your site on your phone and fill in the form as a customer would, using a personal email address you can check.
Note how long it took and anything confusing.
Check where the message arrived, and how long it took.
Check your spam folder if it did not arrive.
Reply to the message and see whether the reply goes to the customer's address or to your own website.

If the message never arrived, stop and fix that first; every other improvement is wasted until it does. Our guide on where contact form messages go explains how forms send mail and why they get lost.

Cut the fields to what you need to reply

Every extra box is another reason to give up. For most small businesses the form needs only:

Name. One box, not separate first and last.
Phone or email. Let people choose which. Some customers never want a call; others never check email.
Message. One open box: "What can we help with?"

Add a field only if you would not be able to answer without it. Good reasons:

Town or ZIP code, for businesses that serve an area and need to know if the job is in range.
Which service, as a short drop-down, if you route different jobs to different people.
A photo upload, for trades where a picture of the problem saves a site visit.
Preferred date, for event businesses, caterers or anyone who books in advance.

Fields that usually hurt more than they help: full street address, budget, "how did you hear about us", company name for a business that serves homeowners, and anything marked required that you would not use. You can ask those questions on the phone later.

Make the form easy to fill in on a phone

Most people will fill in your form with a thumb. A few details matter:

Labels above each box, in plain words, that stay visible while typing.
Boxes wide enough to see what you typed.
The phone field opens the number keypad; the email field opens the keyboard with the @ sign. Your builder can set this.
A big Send button, with words on it that say what happens: "Send my question" or "Request a quote".
Error messages that say what to fix, next to the box that needs fixing.

Where the messages go

This is the part owners most often get wrong, usually years ago when the site was set up.

Send it to an inbox you read daily. Not an address that belonged to a former employee or an old internet provider.
Consider two recipients, such as you and the office manager, so one person's vacation does not stall everything.
Make replies go to the customer. The form's email should have the customer's address in the reply-to, so pressing Reply on your phone reaches them.
Use a clear subject line, such as "Website enquiry: water heater, Springfield", so form messages stand out among other mail.
Keep a copy. Some form tools also store messages online, so nothing is lost if an email goes astray.

If the form messages keep landing in spam, the cause is often how your domain's email is set up; why your business emails go to spam covers the usual fixes.

Stopping spam without blocking customers

Every public form attracts junk: fake offers, links to strange sites, gibberish. Options, from gentlest to strictest:

A hidden trap field. A box that people cannot see but automated programs fill in. Messages with it filled are discarded. Customers never notice.
An invisible check. Several services quietly test whether a visitor behaves like a person, and only show a challenge if something looks off. Cloudflare Turnstile and Google reCAPTCHA in its invisible form are common.
Simple rules. Rejecting messages full of links, or with no letters in the name, catches a lot.
Puzzle CAPTCHAs that ask people to pick out buses or retype warped letters. They work, but they frustrate older customers and people using screen readers. Use them last, if at all.

Our guide on stopping spam from your website contact form goes deeper.

Say what happens next

When someone presses Send, show them a clear message, ideally on its own page: "Thanks, Maria. We got your message and will reply by phone or email within one business day. If it is urgent, call 555-0123." Then make sure you actually reply that fast.

If you can, send an automatic confirmation email with a copy of what they wrote. It reassures the customer and lets them know the address works. Keep it short and human, not a newsletter.

Where to put the form

On the contact page, next to your phone number and hours, not instead of them.
A short version at the bottom of each service page, so people can ask without leaving.
Never as a pop-up that appears before the visitor has read anything.

Some customers will always prefer to call or email directly. Show your phone number and email address alongside the form; a form should be one choice, not the only door.

What to do this week

Send yourself a test message through your current form and confirm where it lands.
Count the fields. Remove or make optional any you would reply without.
Change the form's destination to an inbox you check daily, with a second person copied.
Write your thank-you message, including how fast you reply.
Repeat the test every month, and after any change to your website or email.

If your form is one of several things on the site that need fixing, you can see your site rebuilt first with a short form and test it yourself before deciding.