A visitor has read about the service and is ready to get in touch. The form asks for a phone number, email, address, budget and several more details without explaining why. The other extreme is a single phone number field that leaves the team unsure what the conversation will be about. Assess both options against the way the business handles enquiries.
Our article on service page structure covered the journey from an offer to getting in touch. Here, we will define one form: what you need for the first reply and how to help someone complete their enquiry.
Start with the next action, not the number of fields
An initial enquiry needs a way to reply and the details the team cannot take the next step without. For a callback, the key field is a phone number. For an initial service estimate, the team may need the type of work, its scope and the location. To arrange an appointment, a preferred time matters, but requesting it does not confirm a booking.
For each question, note in your working document who will use the answer and what they will decide based on it. If the answer is only needed after the order has been agreed, move the question to that stage. Shorten the form by considering what each field contributes, rather than aiming for an arbitrary three fields.
This approach follows the W3C WAI guidance on forms: ask only for what the process requires. A short form does not replace a clear offer or the work of handling enquiries.
Which fields to keep for the first reply
Use this table to review common contact form fields. These are possible choices, not a list to copy in full onto your website.
| Field | When you need it straight away | What can wait |
|---|---|---|
| Name | Helps you address the person; whether it is required depends on the process | A full name is usually unnecessary for an initial question |
| Phone number or email | A channel the team will actually use to reply | A second contact method if one is enough |
| Type of service | Determines who handles the enquiry or which details to clarify | Asking again if the form is already tied to a specific service |
| Short description | You cannot understand the task without context | A full brief that is easier to complete after the first conversation |
| Town or area | You need to check whether a visit is possible or the location is covered | The exact address if you confirm it before visiting |
| Scope and preferred timing | Affect availability or an initial estimate | Exact measurements and a final date that still need to be agreed |
| Budget, photos or a file | The team uses them for the first decision and explains why | A required upload or exact figure the customer does not yet have |
If you only reply by phone, call the form a callback request. If you let people choose email or phone, their chosen channel should be enough to submit the form. Do not offer a messaging app the team does not check or require a second contact method without explaining its purpose.
Compare forms for different enquiries
The following scenarios are illustrative examples, not accounts of XEVOR client results. Each set of fields depends on what the team promises to do after submission.
- Request a callback. A phone number; a name and preferred time can be optional if the team can accommodate those preferences. The introduction explains that this starts a conversation about the service, rather than confirming an order.
- Ask about cleaning a flat. Contact details, the type of cleaning, the area and an approximate floor area help the team discuss a visit and the scope of work. Let people describe the situation if they do not know which service name to choose. The exact address and access to the flat can be agreed later.
- Discuss website development. Contact details and a few sentences about the business and the intended result provide a starting point for the first reply. A link to an existing website and a preferred deadline are useful if available; a finished technical specification should not be a condition for the first conversation.
For example, a cleaning team may need the floor area even for an initial discussion. Removing it simply to shorten the form makes little sense if the team must ask for it in the next message anyway. The flat number, however, may make no difference at this stage.
When an approximate answer is enough, allow one: a floor area range, a likely month or “I do not know yet”. Do not make people invent an exact value just to pass a field check.
Explain required fields and answer formats
Make a field required only when you cannot take the promised next step without it. Mark the others as optional. If you use an asterisk, explain its meaning before the fields; do not rely on colour alone.
A field label should remain visible after someone starts typing. A hint inside an empty field can show an example, but it does not replace the label. The WAI guide to labelling form controls also explains how to associate each label with its form control — a task for the developer.
Instead of a vague “Message”, you could write “What do you need done?” and add a short hint: “Describe the task and any important conditions. We will discuss the details with you.” For a file upload, explain the allowed formats and maximum size before someone selects a file. Do not ask people to send passwords or payment details through a general enquiry form.
Beside the form, explain how you will use the contact details and link to an up-to-date data handling notice. The wording must reflect how the website actually works; copying a checkbox from someone else’s form does not ensure this.
What to show during and after submission
A form’s job does not end when someone presses the button. People need to know whether submission is still in progress, whether they need to correct something and whether their enquiry has been accepted. Fields disappearing without an explanation leave them uncertain.
| State | What to explain | Example wording |
|---|---|---|
| Submission in progress | The request is still being processed; clicking again does not create another enquiry | “Sending your enquiry…” |
| Field error | Which value to correct, while keeping the rest of the entered details | “Enter an email address in the format name@example.com” |
| Submission unconfirmed | The system has not confirmed acceptance; provide a way to try again or another contact method that works | “We could not confirm submission. Please try again or contact us another way” |
| Enquiry accepted | Acceptance is confirmed; the next step is a reply from the team | “Your enquiry has been accepted. We will get in touch using the contact details you provided to discuss your enquiry” |
These are examples of states to agree with the developer. Do not show success immediately after a click. Acceptance by the system, delivery of a notification and a team member reading it are different events. Without confirmation, do not say a team member has already received the email; do not describe a requested date as a completed booking.
An error should help someone correct a specific field, and the status should also be accessible to people using screen readers. The principles behind this feedback are described in the WAI guidance on form notifications. Give these requirements to your developer alongside the wording for each state.
Check the whole journey on a phone and with a keyboard
Open the service page on a phone and follow the journey through to the form’s response. Separately, ask your developer to demonstrate error handling and an unconfirmed submission. Use agreed test data for these checks, not customers’ private enquiries.
- The page’s button leads to the right form, with its heading and first field visible.
- Labels, hints and errors remain readable when the on-screen keyboard opens; the page does not scroll sideways.
- Email addresses and phone numbers are easy to enter and fill with autofill; a familiar phone number format is not rejected without explanation.
- Tab moves through the fields and button in a logical order, focus is visible and every required action is available without a mouse.
- An error does not erase the task description; it is easy to find and correct.
- Clicking again during submission does not create a duplicate, and the result message matches the actual state.
- A test enquiry reaches the agreed channel, and the person responsible knows how to respond.
A form helps visitors get in touch, while search readiness also depends on the website’s content and structure. Checks for URLs, headings and indexing are covered in our guide to SEO during website development. Reducing the number of fields alone guarantees neither rankings nor more orders.
What to agree with your form developer
Prepare a short document about one enquiry. For each field, record its label, why the answer is needed, whether it is required, its hint and its error message. This gives the developer a concrete basis for estimating the work.
- The service, the button’s promise and the team’s next action.
- The fields and their dependencies: which follow-up questions appear only for certain choices.
- The recipient, working channel, person responsible and realistic response arrangements.
- Submission, error and success messages in every website language.
- Data handling, file limits, protection against automated enquiries and repeat submission.
- Acceptance checks: success, an invalid field, a failure and confirmation that a test enquiry is received.
For a single offer, you can agree the form as part of landing page development for a service, or, for several areas of work, alongside building a business website. We discuss integrations, attachments and complex journeys separately. Send XEVOR a description of the website you need — we will define the enquiry journey and the development scope for an estimate.
Common questions about enquiry forms
How many fields should an enquiry form have?
There is no single number. Keep a contact method and the information needed for the promised first reply. Assess each field by the decision it helps the team make, not just by the length of the form.
Should both phone number and email be required?
Only if both channels are needed for this enquiry and you explain why. If one is enough, choose the channel the team uses or let people choose how they would like a reply. An extra contact method does not make an enquiry more useful on its own.
Should the form have several steps?
This can help a long process with different follow-up questions. For a short enquiry, extra screens may simply make the journey harder. If steps are needed, explain their order, let people go back and preserve their answers as they move between steps.
Do you need a separate thank-you page?
Not always. A clear, accessible confirmation where the form was may be enough. A separate page makes sense if it provides useful next actions. Opening its URL alone does not confirm that a new enquiry has been accepted.