Build Logs & Industry Playbooks

A Contractor Website Lead Form That Actually Gets Used

By Mudabbir Hasan, Co-founder · Published · Last updated

A contractor's lead form should ask for little: name, phone, email, the service needed and a ZIP code or city. Put a tappable phone number next to it, say when the customer will hear back, and build it as a single column with clear labels and the right keyboard on phones. Save every submission to your own database so no lead depends on an inbox.

What do contractor lead forms get wrong?

Most of the advice online comes from marketing agencies that sell contractor websites, and its statistics are mostly unsourced. Rank Contractors quotes a plumber whose form conversion went from 8 to 19 percent after cutting fields, and a 30 to 50 percent gain for multi-step forms, but names no study for either. Capstone Marketing, another agency, gives no statistics at all. We leave the numbers out and keep the advice they agree on, backed by Google's web.dev guidance on form design.

How many fields should the form have?

Both agencies say to keep it short. Rank Contractors recommends three to five essential fields, and Capstone says name, phone, email, service needed and ZIP are enough to begin qualifying a lead. Save measurements and photos for the follow-up call. Use dropdowns or radio buttons in place of free text for the service, and keep any message box optional.

What should sit next to the form?

  • A tappable phone number. Capstone puts a prominent estimate button and a clickable number above the fold, and leads with the call option for emergency work.
  • A line saying what happens next, for example that the team will contact you within one business day. Capstone suggests exactly this wording.
  • Trust signals near the form, not buried in the footer: licence, insurance, real reviews and project photos. Capstone's warning is that too many generic badges make a site feel templated.
  • Speed. Large uncompressed photos, autoplay video and pop-ups delay the call button, which is the most valuable thing on the page.

A contractor's first phone screen

  1. What you do, and whereTrade and area in one line
  2. Call nowTap to dial
  3. Licence, insurance, a real review
  4. Short quote formName, phone, service, ZIP
  5. We will contact you within one business day
Advice from Capstone Marketing and Rank Contractors.

How should the form itself be built?

Google's web.dev guidance on form design is specific, and it matters most on phones:

  • Use a single column, so there is one direction to follow.
  • Give every field a label above it, and never use the placeholder in place of a label.
  • Use the right input types: type="tel" and type="email" bring up the matching keyboard on touch screens.
  • Make buttons at least 48 pixels tall with room between controls, and keep control text at 1rem or larger to avoid page zoom on iOS Safari.
  • Show errors next to the field, and after a failed submit move the user to the first invalid one.

Form build, from web.dev

  • A single column

  • A label above every field

  • type="tel" and type="email" for the right keyboard

  • Tap targets at least 48 px

  • Errors beside the field; focus on the first invalid one

Where should the submissions go?

Into a database you own, with an alert to the right person. In our Danny Denman Painting build, a residential painter in Colorado Springs, the estimate request form writes straight to a Postgres database through Prisma, with no third-party form service in between and no manual follow-up gap. The build has a separate page for each of five services, a project gallery and a before and after tool.

See the build: Danny Denman Painting

Our Honestly Contracting site, for a contractor in Port Saint Lucie, Florida, covers service pages, a project gallery, quote forms, service-area pages and a blog, and presents the contractor's own licensing and insurance up front.

See the build: Honestly Contracting

A lead that cannot get lost

  1. 1

    The customer submits the form

  2. 2

    It is saved to your own database

  3. 3

    The right person gets an alert

  4. 4

    You reply within the time you promised

What should you measure?

  • Phone taps and form submissions, as separate numbers.
  • How many submissions turned into real jobs, not only how many came in.
  • Which service pages and which pages send the most leads.
  • One change at a time: field order, button wording, or number of steps, so you know what worked.

What should you do this week?

  • Cut your form to five fields or fewer and move the rest to the follow-up call.
  • Put a tappable number and a response-time line next to it.
  • Check the form on a real phone: keyboard types, tap size and error messages.
  • Confirm every submission lands in one place you can see.

Website design and development services

Sources

Related guides

Talk to an engineer about your project

Start with a free project call. We learn what you are building and recommend the right next step, with no pitch.

Book a call