Website enquiry forms that actually convert (without annoying visitors)
How to design contact and lead forms UK visitors complete: fewer fields, clearer expectations, mobile-first layouts, and follow-up that respects GDPR.
By DigiServices UK
Most small business websites lose enquiries at the last step. The visitor has already decided your offer might fit; the form is where friction wins or loses the lead. The goal is not to extract maximum data on first contact — it is to start a conversation you can continue by email or phone.
Under UK GDPR and the Privacy and Electronic Communications Regulations (PECR), you need a lawful basis for processing personal data and, where relevant, clear rules around marketing consent. This article is not legal advice, but the design principle stands: collect only what you need, explain why you need it, and store it securely.
Ask for the minimum viable information
Name, email, and a free-text message are often enough for an initial triage. Every extra mandatory field increases abandonment, especially on mobile. If you need structured data for CRM routing, consider progressive profiling after the first reply instead of a ten-field gate.
Phone number: optional or required?
For high-touch services, asking for a phone number can increase lead quality — but making it mandatory can deter people who prefer email first (or who are browsing during work hours). A compromise is to ask for phone as optional, then follow up by email with one clear question that invites them to book a call.
Labels, placeholders, and errors
Placeholders are not substitutes for labels. Use persistent labels or floating labels, large tap targets, and inline validation that explains how to fix an issue (for example “email looks incomplete”) rather than a red border with no text. Screen reader users and busy mobile users both benefit.
Set expectations next to the submit button
- State typical response time (for example within one business day).
- Mention what you will do with their data in one short sentence plus a link to your privacy notice.
- If you offer a call-back, say when and in which timezone.
- If you use an automated acknowledgement email, say so — people should recognise your message when it arrives.
Layout and hierarchy on mobile
On small screens, single-column layouts beat cramped two-column grids. Keep the primary CTA visible without forcing endless scroll past unrelated content. If you embed a long form inside a modal, ensure focus management works for keyboard users and that closing the modal does not lose partially entered data without warning.
Technical basics that still trip sites up
Broken SMTP relays, spam filters eating submissions, and invisible error states are common. Test your form after deploy on real devices, confirm success and failure paths, and log server-side errors. A thank-you page or on-screen confirmation reassures users the message did not vanish into the void.
Spam without CAPTCHA overload
reCAPTCHA and similar tools reduce spam but add friction. Honeypot fields, rate limiting, and server-side validation catch a lot of noise with less user pain. If you use CAPTCHA, monitor how often real users fail it — a silent drop-off here costs more than junk mail in the inbox.
After submit: speed and tone of first response
The form is only half the job. A slow or generic first reply wastes the conversion you paid for with good UX. Even a short personal acknowledgement within a few hours beats a perfect auto-reply that arrives instantly and feels robotic. Train anyone who picks up leads to use the subject line and first sentence to confirm they understood the request.
Want help applying this to your site?
Tell us about your business and we will suggest the right mix of design, SEO, and automation.
Get in touch