Skip to content
SwiftLead - websites, SEO and ads for local businesses
Back to Blog
Website & Conversion

How to Design Forms That Actually Get Filled In

10 February 20267 min read

Why Your Forms Are Costing You Leads

You spend money driving people to your website. They read your page, they're interested, they scroll down to your contact form — and then they leave. No submission. No lead. No phone call.

This happens more often than most small business owners realise. Research consistently shows that form design is one of the biggest factors in whether a visitor becomes a lead or bounces. The good news is that fixing your forms is one of the cheapest, fastest improvements you can make.

This guide covers the practical changes that make forms easier to fill in, with specific advice for UK service businesses.

How Many Fields Should Your Form Have?

The short answer: as few as possible. Every additional field reduces your completion rate.

The Field Count Sweet Spot

Number of Fields Typical Completion Rate Best For
3 fields (name, email, phone) Highest Quick enquiries, callbacks
5 fields Moderate Quote requests with basic details
7+ fields Lowest Detailed project briefs, applications

For most service businesses — plumbers, electricians, accountants, cleaners — three to four fields is ideal. You need a name, a contact method, and perhaps a brief message. Everything else can be gathered on the follow-up call.

Fields You Probably Don't Need

Ask yourself whether each field is truly necessary at the enquiry stage:

  • Full address — You can ask for this when you book the job. At enquiry stage, a postcode or area is enough if you need to check your service area.
  • Company name — Unless you exclusively serve businesses, skip it.
  • "How did you hear about us?" — Use analytics and call tracking instead. This field adds friction and the answers are often unreliable.
  • Budget range — Most people don't want to commit to a number before speaking to you. It also feels presumptuous.

The rule is simple: only ask for what you need to make first contact. Qualify properly on the phone.

Layout and Design That Reduces Friction

Single Column Always Wins

Multi-column form layouts look tidy on a desktop, but they confuse users. Eye-tracking studies show that people read forms top to bottom. When fields sit side by side, people miss them or fill them in the wrong order.

Use a single column layout. Every field stacked vertically. It works on every screen size and is easier to tab through.

Labels Above Fields, Not Inside

Placeholder text inside form fields (ghost text that disappears when you click) looks clean but causes problems:

  • Users forget what the field was asking once they start typing
  • It fails accessibility checks for screen readers
  • Older visitors find it confusing

Place your labels clearly above each field. Use placeholder text only as an example of the expected format, like "e.g. SW1A 1AA" for a postcode field.

Make Your Submit Button Obvious

Your submit button should be:

  • Large enough to tap easily on mobile (at least 44px tall)
  • A contrasting colour that stands out from the rest of the page
  • Labelled with an action, not just "Submit" — try "Get Your Free Quote", "Book a Callback", or "Send Enquiry"

Action-oriented button text tells visitors exactly what happens next, which reduces hesitation.

Progressive Disclosure: Ask Less Upfront

Progressive disclosure means showing additional fields only when they're relevant. Instead of presenting a wall of questions, you start simple and reveal more as needed.

How It Works in Practice

Step 1: Name, email, phone number Step 2: "What service do you need?" (dropdown or buttons) Step 3: Based on their answer, show relevant follow-up questions

For example, a cleaning company might ask:

  1. Contact details
  2. "Is this for a home or business?"
  3. If home: number of bedrooms. If business: square footage and frequency.

This approach feels conversational rather than bureaucratic. Each step is simple, and by the time they've completed step one, they're invested enough to continue.

Multi-Step Forms vs Single Page

Multi-step forms (with a progress bar) often outperform long single-page forms. Breaking a 7-field form into two steps of 3-4 fields each makes the task feel manageable.

Add a simple progress indicator — "Step 1 of 2" — so visitors know how much is left. Nobody wants to click "Next" without knowing how many steps remain.

Mobile Forms: Where Most Leads Come From

Over 60% of local service searches in the UK happen on mobile devices. If your form is painful on a phone, you're losing the majority of your potential leads.

Mobile Form Essentials

  • Use the right input types: Set phone fields to type="tel" so the number pad appears. Set email fields to type="email" so the @ key is visible. These small details save tapping.
  • Make tap targets large: Tiny checkboxes and radio buttons are nearly impossible to hit on a phone. Use large, tappable buttons or toggles instead.
  • Avoid dropdowns where possible: On mobile, dropdown menus open the native picker which takes over the screen. For fewer than five options, use visible buttons instead.
  • Test on an actual phone: Not just the browser's responsive mode. Fill in your own form on your phone and notice every moment of friction.

Click-to-Call as a Form Alternative

For many service businesses, a prominently placed phone number with click-to-call functionality converts better than any form. Not everyone wants to type on their phone.

Consider offering both: a visible phone number at the top of the page, and a form for those who prefer to make enquiries outside business hours.

Form Placement: Where to Put It

Above the Fold on Landing Pages

If your page exists to generate enquiries (such as a Google Ads landing page), your form should be visible without scrolling. On desktop, this often means a form in the right-hand column. On mobile, it means either a sticky "Get a Quote" button or the form near the top.

Repeated on Long Pages

For longer pages with substantial content, repeat the form or include a clear call-to-action button that links to the form at multiple points. People decide to enquire at different stages — don't make them scroll back up.

Avoid Hiding Forms Behind Extra Clicks

Some websites hide their contact form behind a "Contact Us" button that goes to a separate page. Every extra click loses people. If possible, embed the form directly on the pages where people make their decision.

Tracking Your Forms Properly

You cannot improve what you don't measure. Most small business websites have no form tracking at all, which means you have no idea how many people start filling in your form but give up.

What to Track

Metric What It Tells You How to Track
Form views How many people see the form GA4 event on form visibility
Form starts How many begin filling it in GA4 event on first field interaction
Form submissions How many complete it GA4 event on successful submission
Submission rate Views to submissions percentage Calculated from above
Field drop-off Where people abandon Specialist tools like Hotjar

Setting Up Basic Tracking

At minimum, set up a Google Analytics 4 event that fires when your form is successfully submitted. This lets you see which traffic sources produce actual enquiries, not just page views.

If you're running Google Ads, set up conversion tracking on form submissions. Without this, you're flying blind — you have no way of knowing which keywords and ads produce leads versus which just produce clicks.

Quick Wins You Can Implement Today

  1. Remove unnecessary fields — Cut anything you don't need for first contact
  2. Change your button text — Replace "Submit" with something action-oriented
  3. Add your phone number — Give people an alternative to the form
  4. Check your form on mobile — Fill it in yourself on your phone
  5. Add a confirmation message — Tell people what happens after they submit (e.g., "We'll call you within 2 hours")

Test, Measure, Improve

Form optimisation is not a one-off task. Make a change, measure the impact over a few weeks, then try the next improvement. Even small gains compound — improving your form completion rate from 3% to 5% means 67% more leads from the same traffic.

If your forms are letting leads slip through and you're not sure where to start, get in touch for a free audit. We'll review your website and show you exactly where you're losing potential customers — including your forms.


Explore by Area

Builders: London | Manchester | Birmingham | Leeds | Bristol | Glasgow | Liverpool | Sheffield | Edinburgh | Nottingham

Electricians: London | Manchester | Birmingham | Leeds | Bristol | Glasgow | Liverpool | Sheffield | Edinburgh | Nottingham

Landscapers: London | Manchester | Birmingham | Leeds | Bristol | Glasgow | Liverpool | Sheffield | Edinburgh | Nottingham

Browse all trades: Builders | Electricians | Landscapers

formsconversion ratewebsite optimisationlead generationUX

Want to know where you're losing leads?

We'll check your website, Google Maps, and reviews — and show you exactly how to get more calls. Free, no obligation.

Get More Leads