How to Design a Contact Form That Gets Filled In
For many small businesses, the contact form is the most important part of the website. It is the point where a visitor becomes a lead. A form that is long, confusing, or glitchy quietly loses enquiries you never knew you had.
Ask for less
Every extra field reduces the chance of completion. Start with the minimum you need to reply: usually name, email, and a message. Add a phone number only if you will really use it, and make it optional if possible. If you need more detail, you can ask in your reply.
Use clear labels
Place a visible label above each field. Avoid relying on placeholder text alone, as it disappears while typing and can be hard to read. See accessible forms.
Choose the right input types
Use email and tel types so phones show the right keyboard, and allow autofill. Make fields large enough to tap comfortably on mobile. See touch target sizes.
Make the purpose obvious
A heading such as "Get a free quote" tells people what happens next. Adding a line about response time, such as "We reply within one working day," makes the promise concrete. Only promise what you can deliver.
Offer helpful choices
If visitors need different things, a short dropdown or set of buttons, such as "New website," "Redesign," or "Something else," helps you route enquiries without making the form long.
Write a specific button
"Send message" or "Request my quote" beats "Submit." See calls to action.
Reduce spam without annoying people
Spam is common. Options include:
- A hidden honeypot field that real users never see but bots fill in
- Server-side checks and rate limiting
- Form services with built-in spam filtering
- CAPTCHAs only if needed, since they can frustrate users and create accessibility barriers
Honeypots and filtering are usually friendlier than image puzzles.
Validate gently
Check formats as people complete fields, show clear messages near problems, and keep what they typed. See accessible forms.
Confirm clearly
After submission, show a thank-you message explaining what happens next, and send an automatic email confirmation if possible. Make sure you actually receive the submission by testing it end to end.
Show alternative contact methods
Some visitors prefer calling or emailing. List a phone number and email alongside the form.
Add reassurance
A short note on privacy, such as how you will use their details, builds trust. Link to your privacy policy. Avoid pre-ticked marketing consent boxes where the law requires an active choice.
Test on real devices
Submit the form on desktop and phone. Check that notifications reach the right inbox and do not land in spam. See the mobile-friendly checklist.
Measure it
Track form views, starts, and completions. If many start but few finish, shorten or simplify. See A/B testing.
The bottom line
Keep the form short, labels clear, the button specific, and the confirmation reassuring. Test it regularly so every enquiry reaches you.