Contact Form Best Practices: How Many Fields, and Which Ones?

Published:

Reading time:

8 min read

Category:

Web Design
Simple contact form for a small business

Ask only for what you need to reply and quote: name, phone or email, suburb, and what the job is. Every extra required field gives people a reason to give up. Add a photo upload for trades where a picture saves a site visit, tell people what happens next, and say how you'll use their details.

Which fields should you include?

FieldRequired?Why
NameYesTo address them
PhoneYes for tradesMost jobs are arranged by phone
EmailOptional or yesFor sending the quote
SuburbYesTells you if they're in your area
What do you need?YesFree text, or a short dropdown of your main services
Photo uploadOptionalSaves a site visit for many jobs
Preferred contact timeOptionalHelps you call when they can answer

This list is our general guidance for service businesses.

What should you leave out?

  • Full street address before you've even spoken
  • Budget fields that force a number; make them optional if you use them
  • "How did you hear about us" as a required field
  • CAPTCHAs that are hard to solve on a phone; use a hidden spam filter where possible
  • Long dropdown lists people have to scroll through
Shorter contact forms get more enquiries

How do you make the form work on mobile?

  • Use the right keyboard: phone fields should bring up the number pad
  • Big tap targets and labels above each field, not inside it
  • Show errors next to the field, in plain words
  • Keep a tap-to-call button near the form for people who'd rather ring. See mobile tradie website design
  • Make the form accessible: labels, focus states and readable contrast. See website accessibility in Australia
Contact form thank-you message

What should happen after they press send?

  1. A thank-you message that says when you'll reply, such as "within 2 business hours"
  2. An email to you with all details, sent to an inbox someone checks
  3. An optional automatic email to them confirming you got it
  4. Tracking, so you can count form leads. See Google Analytics 4 for business owners

Privacy and spam: what do Australian businesses need to know?

If your business is covered by the Privacy Act, the OAIC says you need to tell people about the collection of their personal information, such as who you are, why you're collecting it and how to see your privacy policy (OAIC). Many small businesses under $3 million turnover are exempt, but some, such as health service providers, are covered regardless (OAIC). A one-line note under the form linking to your privacy policy is good practice either way. See do you need a privacy policy.

If you want to send newsletters or offers, add a separate, unticked opt-in box. The ACMA says commercial messages need consent and a working unsubscribe (ACMA). This is general information, not legal advice.

Project image for “Contact Form Best Practices for Small Business Websites”, showing a stage of the design work.

What does a good trade quote form look like?

Here's a simple layout that works for most tradies and home services. Copy the order and wording, then adjust the service list to match what you actually do.

OrderLabel shownType of field
1What do you need help with?Short dropdown of your main services, plus "Something else"
2Tell us a bit moreText box, two or three lines
3SuburbShort text field
4Your nameText field
5Best phone numberPhone field
6Email (optional)Email field
7Add photos (optional)File upload
8Get a quoteButton with a clear action word, not "Submit"

Starting with the job, not personal details, eases people in. They've already committed by the time you ask for a phone number. This is our general guidance; test it on your own site.

How do you set up fields so phones fill them in for you?

Small technical details make a big difference on a phone. Ask whoever builds your site to check these:

  • Use the correct field types, so a phone field brings up the number pad and an email field brings up the @ key. Google's web.dev guide recommends this to give the right mobile keyboard and basic browser checking (web.dev)
  • Add autocomplete settings for name, phone, email and suburb, so the browser can fill them in with one tap. The same guide notes this matters most on mobile (web.dev)
  • Don't force a phone number format. Accept spaces, brackets and +61 and tidy it up afterwards
  • Keep each field full width on mobile, one per row

How do you make the form accessible?

An accessible form works for people using screen readers, keyboard-only users, and anyone squinting at a phone in bright sun. The W3C's Web Accessibility Initiative has a free forms tutorial covering the basics (W3C WAI):

  • Give every field a visible label linked to it in the code, not just grey placeholder text
  • Group related options, such as a set of checkboxes, with a short heading
  • Explain any rules before the field, such as "photos up to 10 MB"
  • When something's wrong, say what and how to fix it, next to the field
  • Confirm success clearly after sending

For the wider picture, see website accessibility in Australia.

How do you stop spam without annoying real customers?

Every public form attracts junk. The trick is to block bots without making real people solve puzzles.

MethodHow it worksEffect on customers
Hidden honeypot fieldA field humans can't see; bots fill it in and get rejectedNone
Invisible bot checksA background check that scores the visitor without a puzzleUsually none
Time checkRejects forms sent faster than a person could typeNone
Visible puzzle CAPTCHAThe person picks images or types lettersFrustrating on phones; use as a last resort

Most form tools and website builders include at least one of the first three. Turn them on before you reach for a puzzle.

Should you use a multi-step form?

For simple jobs, one short form is best. For jobs that need more detail, such as renovations or solar, splitting the form into two or three short steps can feel easier than one long page. The W3C's tutorial suggests showing progress so people know how many steps are left (W3C WAI).

  • Step 1: the job and suburb
  • Step 2: details and photos
  • Step 3: name and contact details
  • Show "Step 2 of 3" at the top, and let people go back without losing what they typed

Ask for contact details last in a multi-step form, but make sure partial answers aren't stored or used without the person finishing and sending it.

How do you make sure form emails actually arrive?

A form that works on screen but sends enquiries to a spam folder is worse than no form, because you don't know you're missing them.

  1. Send a test enquiry every month, and after any change to your website, email or domain
  2. Send form notifications to an inbox someone checks daily, ideally two people
  3. Make sure your domain's email sending is set up properly. Google's sender guidelines explain the authentication that keeps mail out of spam (Google)
  4. Store enquiries in your website or form tool too, so nothing is lost if an email goes missing
  5. Use a clear subject line for notifications, such as "New quote request: hot water, Deer Park"

If you've ever wondered why the form has suddenly gone quiet, this is the first thing to check.

What about photo uploads?

Photos let you quote many jobs without a site visit, and they help you turn up with the right parts. A few things make uploads work well:

  • Allow common phone formats, such as JPG, PNG and HEIC
  • Set a sensible size limit and say what it is near the upload button
  • Allow several photos, not just one
  • Keep uploads optional so people without photos can still send the form
  • Store photos securely and delete them when you no longer need them. Photos of people's homes count as personal information too, so treat them with the same care as names and numbers

Next step

Next step

Morphic builds quote forms that are short, mobile-friendly and tracked on every website we make for Melbourne small businesses. Get a free quote, or book a 30-minute call.

Related service. web design.

Related reading: Quote follow-up templates and Landing page design for Google Ads.

Title 14 to Title 15 and Main Content 14 to Main Content 15: leave empty.

Related reading. why your website isn’t getting enquiries.

Key Takeaways

Icon

Ask only for what you need to reply and quote.

Icon

Name, phone, suburb and job details cover most service businesses.

Icon

Make the form easy on mobile and accessible.

Icon

Say what happens next and track every submission.

Icon

Link to your privacy policy and use a separate opt-in for marketing.

Website design image supporting the Blogs page.
Author Image image from Morphic Agency’s Blogs website.

Emon Datta

Founder, Morphic Agency

Morphic Agency is a Melbourne-based UX design agency. We've shipped 50+ products across 15+ countries.

Icon
Icon
Icon
Design image from Morphic Agency’s Blogs website.

Have a Project in Mind? Let's Chat.

Share

Instagram
Facebook
Twitter
Icon

FAQ

Frequently Asked Questions

How many fields should a contact form have?

As few as you need to reply: usually name, phone or email, suburb and what they need.

Should I make phone number required?

For trades, yes, because most jobs are arranged by phone. Let email be optional if you prefer.

Do I need a privacy notice on my contact form?

If you're covered by the Privacy Act, you need to tell people about the collection. A short note linking to your privacy policy is good practice for everyone.

Can I add people from my contact form to my newsletter?

Only with consent. Use a separate, unticked opt-in box.

Should I use a CAPTCHA?

Prefer a hidden spam filter. Hard CAPTCHAs put off real customers on phones.

Icon

FAQ

Frequently Asked Questions

How many fields should a contact form have?

As few as you need to reply: usually name, phone or email, suburb and what they need.

Should I make phone number required?

For trades, yes, because most jobs are arranged by phone. Let email be optional if you prefer.

Do I need a privacy notice on my contact form?

If you're covered by the Privacy Act, you need to tell people about the collection. A short note linking to your privacy policy is good practice for everyone.

Can I add people from my contact form to my newsletter?

Only with consent. Use a separate, unticked opt-in box.

Should I use a CAPTCHA?

Prefer a hidden spam filter. Hard CAPTCHAs put off real customers on phones.

Icon

FAQ

Frequently Asked Questions

How many fields should a contact form have?

As few as you need to reply: usually name, phone or email, suburb and what they need.

Should I make phone number required?

For trades, yes, because most jobs are arranged by phone. Let email be optional if you prefer.

Do I need a privacy notice on my contact form?

If you're covered by the Privacy Act, you need to tell people about the collection. A short note linking to your privacy policy is good practice for everyone.

Can I add people from my contact form to my newsletter?

Only with consent. Use a separate, unticked opt-in box.

Should I use a CAPTCHA?

Prefer a hidden spam filter. Hard CAPTCHAs put off real customers on phones.

Icon

TESTIMONIALS

Real feedback from founders and product teams we have worked with.

  • I have had the pleasure of working with Morphic for over a year and he has consistently been very creative, kind and attentive person to work with! He is very attentive, intuitive and is truly talented! He is absolutely wonderful!

    Author Image

    Ashley Sabatini

    Founder, Breathwork

  • Working with Emon was amazing. I initially gave him a take home design assignment with clear goals and he was able to understand my vision with no problem. That delivery was on time and we have collaborated on everything from wireframes to the complete UX/UI of my project. I will continue working with him at every chance possible. You should too!

    Author Image

    Tobias F

    Founder & CEO, MingleMinds

  • Working with Emon was a great experience. Super clear communication, easy to work with, and he pushed us in the right direction. The designs were creative, practical. The project is now one of our most successful features. 100% recommend.

    Author Image

    Callum Johnstone

    Product Owner, Nursery Story

  • Morphic was fantastic to work with - putting in a lot of effort to make sure he understood the assignment and requirements. He came up with some great designs, absolutely nailing the brief. Look forward to working with him again. Thanks Emon!

    Author Image

    Sam

    Founder, Amigos

  • Top-tier Website designer. Great communication, fast delivery, and excellent usability improvements.

    Author Image

    Eric

    CoFounder, GKM Interactive

  • Emon is a talented and reliable designer with a great eye for detail. He quickly understood the project goals and delivered clean, modern designs that matched our vision. Communication was smooth and professional throughout the process, and he was always open to feedback and ready to adjust things when needed. Highly recommended for anyone looking for high-quality UX/UI work.

    Author Image

    Kaja Rutkowska

    CoFounder, Petifit

  • Emon is an amazing human and wonderful person to work with. His attention to detail and sole focus on each individual project he undertakes makes getting the job done feel like a breeze. I’ve personally worked with Emon on near 50+ projects all of which Emon has shown immense care and dedication to all work. Communication was a 10/10, he always put in overtime in making sure the work and overall goal was clearly stated and achieved. As a person he has an amazing heart and always there to support and help no matter what. He is a good man and a really strong employee that can be counted on!

    Author Image

    Jude Lopez

    Founder, HomeIO

Icon

TESTIMONIALS

Real feedback from founders and product teams we have worked with.

  • I have had the pleasure of working with Morphic for over a year and he has consistently been very creative, kind and attentive person to work with! He is very attentive, intuitive and is truly talented! He is absolutely wonderful!

    Author Image

    Ashley Sabatini

    Founder, Breathwork

  • Working with Emon was amazing. I initially gave him a take home design assignment with clear goals and he was able to understand my vision with no problem. That delivery was on time and we have collaborated on everything from wireframes to the complete UX/UI of my project. I will continue working with him at every chance possible. You should too!

    Author Image

    Tobias F

    Founder & CEO, MingleMinds

  • Working with Emon was a great experience. Super clear communication, easy to work with, and he pushed us in the right direction. The designs were creative, practical. The project is now one of our most successful features. 100% recommend.

    Author Image

    Callum Johnstone

    Product Owner, Nursery Story

  • Morphic was fantastic to work with - putting in a lot of effort to make sure he understood the assignment and requirements. He came up with some great designs, absolutely nailing the brief. Look forward to working with him again. Thanks Emon!

    Author Image

    Sam

    Founder, Amigos

  • Top-tier Website designer. Great communication, fast delivery, and excellent usability improvements.

    Author Image

    Eric

    CoFounder, GKM Interactive

  • Emon is a talented and reliable designer with a great eye for detail. He quickly understood the project goals and delivered clean, modern designs that matched our vision. Communication was smooth and professional throughout the process, and he was always open to feedback and ready to adjust things when needed. Highly recommended for anyone looking for high-quality UX/UI work.

    Author Image

    Kaja Rutkowska

    CoFounder, Petifit

  • Emon is an amazing human and wonderful person to work with. His attention to detail and sole focus on each individual project he undertakes makes getting the job done feel like a breeze. I’ve personally worked with Emon on near 50+ projects all of which Emon has shown immense care and dedication to all work. Communication was a 10/10, he always put in overtime in making sure the work and overall goal was clearly stated and achieved. As a person he has an amazing heart and always there to support and help no matter what. He is a good man and a really strong employee that can be counted on!

    Author Image

    Jude Lopez

    Founder, HomeIO

Icon

TESTIMONIALS

Real feedback from founders and product teams we have worked with.

  • I have had the pleasure of working with Morphic for over a year and he has consistently been very creative, kind and attentive person to work with! He is very attentive, intuitive and is truly talented! He is absolutely wonderful!

    Author Image

    Ashley Sabatini

    Founder, Breathwork

  • Working with Emon was amazing. I initially gave him a take home design assignment with clear goals and he was able to understand my vision with no problem. That delivery was on time and we have collaborated on everything from wireframes to the complete UX/UI of my project. I will continue working with him at every chance possible. You should too!

    Author Image

    Tobias F

    Founder & CEO, MingleMinds

  • Working with Emon was a great experience. Super clear communication, easy to work with, and he pushed us in the right direction. The designs were creative, practical. The project is now one of our most successful features. 100% recommend.

    Author Image

    Callum Johnstone

    Product Owner, Nursery Story

  • Morphic was fantastic to work with - putting in a lot of effort to make sure he understood the assignment and requirements. He came up with some great designs, absolutely nailing the brief. Look forward to working with him again. Thanks Emon!

    Author Image

    Sam

    Founder, Amigos

  • Top-tier Website designer. Great communication, fast delivery, and excellent usability improvements.

    Author Image

    Eric

    CoFounder, GKM Interactive

  • Emon is a talented and reliable designer with a great eye for detail. He quickly understood the project goals and delivered clean, modern designs that matched our vision. Communication was smooth and professional throughout the process, and he was always open to feedback and ready to adjust things when needed. Highly recommended for anyone looking for high-quality UX/UI work.

    Author Image

    Kaja Rutkowska

    CoFounder, Petifit

  • Emon is an amazing human and wonderful person to work with. His attention to detail and sole focus on each individual project he undertakes makes getting the job done feel like a breeze. I’ve personally worked with Emon on near 50+ projects all of which Emon has shown immense care and dedication to all work. Communication was a 10/10, he always put in overtime in making sure the work and overall goal was clearly stated and achieved. As a person he has an amazing heart and always there to support and help no matter what. He is a good man and a really strong employee that can be counted on!

    Author Image

    Jude Lopez

    Founder, HomeIO