CONSTRUCTION · CONTACT FORM TEMPLATE

Contractor & Construction Quote Form

Construction leads are project-shaped — kitchen remodel, bath remodel, deck, addition, custom home. Each has a budget range, a timeline, and a story. The form captures all three.

Get free access key Copy the code

1,000/mo free·no card·works on any host

form.htmlhtml63 lines

01<form action="https://splitforms.com/api/submit" method="POST">
02  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
03  <input type="hidden" name="subject" value="New contractor quote">
04 
05  <label for="name">Full name *</label>
06  <input id="name" type="text" name="name" placeholder="Daniel Chen" required>
07  <label for="email">Email *</label>
08  <input id="email" type="email" name="email" placeholder="daniel@example.com" required>
09  <label for="phone">Phone *</label>
10  <input id="phone" type="tel" name="phone" placeholder="+1 555 0142" required>
11  <label for="address">Project address</label>
12  <input id="address" type="text" name="address" placeholder="1247 Valencia St">
13  <label for="project_type">Project type *</label>
14  <select id="project_type" name="project_type" required>
15    <option value="">Choose…</option>
16    <option>Kitchen remodel</option>
17    <option>Bathroom remodel</option>
18    <option>Addition</option>
19    <option>Whole-home reno</option>
20    <option>ADU / in-law unit</option>
21    <option>New construction</option>
22    <option>Commercial build-out</option>
23    <option>Other</option>
24  </select>
25  <label for="size">Approximate size</label>
26  <select id="size" name="size">
27    <option value="">Choose…</option>
28    <option>Under 200 sqft</option>
29    <option>200–500 sqft</option>
30    <option>500–1,000 sqft</option>
31    <option>1,000–2,500 sqft</option>
32    <option>2,500+ sqft</option>
33  </select>
34  <label for="budget">Budget *</label>
35  <select id="budget" name="budget" required>
36    <option value="">Choose…</option>
37    <option>Under $25k</option>
38    <option>$25k–$75k</option>
39    <option>$75k–$200k</option>
40    <option>$200k–$500k</option>
41    <option>$500k+</option>
42  </select>
43  <label for="timeline">Start timeline *</label>
44  <select id="timeline" name="timeline" required>
45    <option value="">Choose…</option>
46    <option>ASAP</option>
47    <option>1–3 months</option>
48    <option>3–6 months</option>
49    <option>6–12 months</option>
50    <option>Just exploring</option>
51  </select>
52  <label for="details">Project description</label>
53  <textarea id="details" name="details" placeholder="Scope, must-haves, references / Pinterest, permits already pulled?"></textarea>
54 
55  <!-- honeypot — bots fill every field -->
56  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">
57 
58  <button type="submit">Send</button>
59</form>
60 
61<p style="margin-top:12px;font-size:11px;color:#888;text-align:right">
62  Powered by <a href="https://splitforms.com" style="color:#888;text-decoration:none" target="_blank" rel="noopener">splitforms</a>
63</p>

1,000

submissions / mo, free

fields, ready to ship

code outputs

60s

from copy to inbox

Contractor & Construction Quote Form — example splitforms template with submissions inbox

§ 01Why it mattersthe qualifying-fields argument

Contractors lose hours every week on tire-kicker leads — homeowners with a $20k budget asking for a $90k addition. The form qualifies on project type, budget range, and timeline up front. A 'we want a kitchen remodel, $50-75k budget, want to start in 6 weeks' lead is bookable; a 'we're just exploring ideas, no budget yet' lead is a long-term newsletter subscriber. Photo upload is non-negotiable for remodels — the existing space's condition radically changes the scope and quote.

Photo upload (Pro) · webhooks into Buildertrend / CoConstruct / Procore.

✦ at a glance

→Contractor / construction quote · 9 fields
→HTML, JS, React, PHP, cURL outputs
→One POST endpoint, no SDK
→Honeypot + classifier, no CAPTCHA

§ 02Live previewinteractive · sandboxed · no key required

See exactly what your visitors see — and you’ll receive.

Left: the rendered form, fully interactive in a sandboxed iframe. Right: the email and dashboard view that lands the moment a visitor submits.

preview · contractor-contact-formlocalhost:3000

✦ what you’ll see in your inbox

Every submission becomes an email plus a dashboard row. The fields below are the exact payload your form will send. Reply-to is wired to the visitor’s email so hitting reply goes back to them.

dashboard · new submission14ms · 200 OK

SUBJECT · New contractor quote

Full name: Maya Iyer
Email: maya@studio71.co
Phone: +1 415 555 0142
Project address: —
Project type: Kitchen remodel
Approximate size: Under 200 sqft
Budget: $650k — $850k
Start timeline: 30–60 days
Project description: Loved your last open house in Hayes — looking for similar with parking. Pre-approved through Wells Fargo.

Iframe is sandboxed — submit doesn’t actually fire. Get your access key to wire it up live.

§ 03Three steps3 steps · ~60 seconds

Generate, embed, receive.

Three actions stand between you and your first lead. None of them require a backend, a database, or a CAPTCHA library.

STEP 01GENERATE

Capture project type and scope

Required: project type (kitchen / bath / addition / deck / whole-home / custom build), scope description, square footage if known, address.

Create your form

key=sk_live_••••••••

STEP 02EMBED

Qualify on budget and timeline

Budget range dropdown ($25-50k / $50-100k / $100-250k / $250k+) and start window (next 30 days / 1-3 months / 3-6 months / over 6 months). Both filter out tire-kickers.

snippethtml

<form action="https://splitforms.com/api/submit" method="POST">
  …
</form>

STEP 03RECEIVE

Allow photo upload

Pro plan — homeowners attach photos of the existing space. Saves a huge amount of pre-bid scoping. Some contractors quote ranges from photos alone for simple jobs.

inbox · 1 newjust now

FROM contact@yoursite.com

New contractor quote

Maya Iyer maya@studio71.co

Loved your last open house in Hayes — looking for similar with parking. Pre-approved through Wells Fargo.

§ 04Copy & ship5 languages · same endpoint

Five outputs. One backend.

HTML by default. Click open the language you ship in — every variant POSTs to the same /api/submit endpoint.

01HTMLform.html63 lines

<form action="https://splitforms.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <input type="hidden" name="subject" value="New contractor quote">

  <label for="name">Full name *</label>
  <input id="name" type="text" name="name" placeholder="Daniel Chen" required>
  <label for="email">Email *</label>
  <input id="email" type="email" name="email" placeholder="daniel@example.com" required>
  <label for="phone">Phone *</label>
  <input id="phone" type="tel" name="phone" placeholder="+1 555 0142" required>
  <label for="address">Project address</label>
  <input id="address" type="text" name="address" placeholder="1247 Valencia St">
  <label for="project_type">Project type *</label>
  <select id="project_type" name="project_type" required>
    <option value="">Choose…</option>
    <option>Kitchen remodel</option>
    <option>Bathroom remodel</option>
    <option>Addition</option>
    <option>Whole-home reno</option>
    <option>ADU / in-law unit</option>
    <option>New construction</option>
    <option>Commercial build-out</option>
    <option>Other</option>
  </select>
  <label for="size">Approximate size</label>
  <select id="size" name="size">
    <option value="">Choose…</option>
    <option>Under 200 sqft</option>
    <option>200–500 sqft</option>
    <option>500–1,000 sqft</option>
    <option>1,000–2,500 sqft</option>
    <option>2,500+ sqft</option>
  </select>
  <label for="budget">Budget *</label>
  <select id="budget" name="budget" required>
    <option value="">Choose…</option>
    <option>Under $25k</option>
    <option>$25k–$75k</option>
    <option>$75k–$200k</option>
    <option>$200k–$500k</option>
    <option>$500k+</option>
  </select>
  <label for="timeline">Start timeline *</label>
  <select id="timeline" name="timeline" required>
    <option value="">Choose…</option>
    <option>ASAP</option>
    <option>1–3 months</option>
    <option>3–6 months</option>
    <option>6–12 months</option>
    <option>Just exploring</option>
  </select>
  <label for="details">Project description</label>
  <textarea id="details" name="details" placeholder="Scope, must-haves, references / Pinterest, permits already pulled?"></textarea>

  <!-- honeypot — bots fill every field -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

  <button type="submit">Send</button>
</form>

<p style="margin-top:12px;font-size:11px;color:#888;text-align:right">
  Powered by <a href="https://splitforms.com" style="color:#888;text-decoration:none" target="_blank" rel="noopener">splitforms</a>
</p>

02JavaScriptform.js79 lines

<form id="lf-form">
  <label for="name">Full name *</label>
  <input id="name" type="text" name="name" placeholder="Daniel Chen" required>
  <label for="email">Email *</label>
  <input id="email" type="email" name="email" placeholder="daniel@example.com" required>
  <label for="phone">Phone *</label>
  <input id="phone" type="tel" name="phone" placeholder="+1 555 0142" required>
  <label for="address">Project address</label>
  <input id="address" type="text" name="address" placeholder="1247 Valencia St">
  <label for="project_type">Project type *</label>
  <select id="project_type" name="project_type" required>
    <option value="">Choose…</option>
    <option>Kitchen remodel</option>
    <option>Bathroom remodel</option>
    <option>Addition</option>
    <option>Whole-home reno</option>
    <option>ADU / in-law unit</option>
    <option>New construction</option>
    <option>Commercial build-out</option>
    <option>Other</option>
  </select>
  <label for="size">Approximate size</label>
  <select id="size" name="size">
    <option value="">Choose…</option>
    <option>Under 200 sqft</option>
    <option>200–500 sqft</option>
    <option>500–1,000 sqft</option>
    <option>1,000–2,500 sqft</option>
    <option>2,500+ sqft</option>
  </select>
  <label for="budget">Budget *</label>
  <select id="budget" name="budget" required>
    <option value="">Choose…</option>
    <option>Under $25k</option>
    <option>$25k–$75k</option>
    <option>$75k–$200k</option>
    <option>$200k–$500k</option>
    <option>$500k+</option>
  </select>
  <label for="timeline">Start timeline *</label>
  <select id="timeline" name="timeline" required>
    <option value="">Choose…</option>
    <option>ASAP</option>
    <option>1–3 months</option>
    <option>3–6 months</option>
    <option>6–12 months</option>
    <option>Just exploring</option>
  </select>
  <label for="details">Project description</label>
  <textarea id="details" name="details" placeholder="Scope, must-haves, references / Pinterest, permits already pulled?"></textarea>
  <button type="submit">Send</button>
</form>

<p style="margin-top:12px;font-size:11px;color:#888;text-align:right">
  Powered by <a href="https://splitforms.com" style="color:#888;text-decoration:none" target="_blank" rel="noopener">splitforms</a>
</p>

<script>
  document.getElementById('lf-form').addEventListener('submit', async (e) => {
    e.preventDefault();
    const data = new FormData(e.target);
    data.set('access_key', 'YOUR_ACCESS_KEY');
    data.set('subject', 'New contractor quote');

    const res = await fetch('https://splitforms.com/api/submit', {
      method: 'POST',
      body: data,
      headers: { Accept: 'application/json' },
    });

    const json = await res.json();
    if (json.success) {
      e.target.reset();
      alert('Sent!');
    } else {
      alert('Error: ' + (json.message || 'Try again'));
    }
  });
</script>

03React / Next.jsForm.tsx94 lines

'use client';

import { useState, type FormEvent } from 'react';

export default function ContractorQuoteForm() {
  const [status, setStatus] = useState<'idle' | 'sending' | 'sent' | 'error'>('idle');

  async function onSubmit(e: FormEvent<HTMLFormElement>) {
    e.preventDefault();
    setStatus('sending');

    const data = new FormData(e.currentTarget);
    data.set('access_key', 'YOUR_ACCESS_KEY');
    data.set('subject', 'New contractor quote');

    const res = await fetch('https://splitforms.com/api/submit', {
      method: 'POST',
      body: data,
      headers: { Accept: 'application/json' },
    });

    const json = await res.json();
    setStatus(json.success ? 'sent' : 'error');
    if (json.success) e.currentTarget.reset();
  }

  if (status === 'sent') return <p>Thanks — we&rsquo;ll be in touch.</p>;

  return (
    <>
    <form onSubmit={onSubmit}>
      <label htmlFor="name">Full name *</label>
      <input id="name" type="text" name="name" placeholder="Daniel Chen" required />
      <label htmlFor="email">Email *</label>
      <input id="email" type="email" name="email" placeholder="daniel@example.com" required />
      <label htmlFor="phone">Phone *</label>
      <input id="phone" type="tel" name="phone" placeholder="+1 555 0142" required />
      <label htmlFor="address">Project address</label>
      <input id="address" type="text" name="address" placeholder="1247 Valencia St" />
      <label htmlFor="project_type">Project type *</label>
      <select id="project_type" name="project_type" required>
        <option value="">Choose…</option>
        <option>Kitchen remodel</option>
        <option>Bathroom remodel</option>
        <option>Addition</option>
        <option>Whole-home reno</option>
        <option>ADU / in-law unit</option>
        <option>New construction</option>
        <option>Commercial build-out</option>
        <option>Other</option>
      </select>
      <label htmlFor="size">Approximate size</label>
      <select id="size" name="size">
        <option value="">Choose…</option>
        <option>Under 200 sqft</option>
        <option>200–500 sqft</option>
        <option>500–1,000 sqft</option>
        <option>1,000–2,500 sqft</option>
        <option>2,500+ sqft</option>
      </select>
      <label htmlFor="budget">Budget *</label>
      <select id="budget" name="budget" required>
        <option value="">Choose…</option>
        <option>Under $25k</option>
        <option>$25k–$75k</option>
        <option>$75k–$200k</option>
        <option>$200k–$500k</option>
        <option>$500k+</option>
      </select>
      <label htmlFor="timeline">Start timeline *</label>
      <select id="timeline" name="timeline" required>
        <option value="">Choose…</option>
        <option>ASAP</option>
        <option>1–3 months</option>
        <option>3–6 months</option>
        <option>6–12 months</option>
        <option>Just exploring</option>
      </select>
      <label htmlFor="details">Project description</label>
      <textarea id="details" name="details" placeholder="Scope, must-haves, references / Pinterest, permits already pulled?" />

      <button type="submit" disabled={status === 'sending'}>
        {status === 'sending' ? 'Sending…' : 'Send'}
      </button>

      {status === 'error' && <p>Something went wrong. Try again.</p>}
    </form>

      <p style={{ marginTop: 12, fontSize: 11, color: '#888', textAlign: 'right' }}>
        Powered by <a href="https://splitforms.com" target="_blank" rel="noopener" style={{ color: '#888', textDecoration: 'none' }}>splitforms</a>
      </p>
    </>
  );
}

04PHPsubmit.php28 lines

<?php
// Drop into a PHP page. Receives a form POST and proxies it to splitforms.com.
// Useful when you want to add server-side validation or rate limiting.

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $allowed = ['name', 'email', 'phone', 'address', 'project_type', 'size', 'budget', 'timeline', 'details'];
    $payload = ['access_key' => 'YOUR_ACCESS_KEY'];
    $payload['subject'] = 'New contractor quote';

    foreach ($allowed as $f) {
        if (isset($_POST[$f])) $payload[$f] = $_POST[$f];
    }

    $ch = curl_init('https://splitforms.com/api/submit');
    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($payload));
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_HTTPHEADER, ['Accept: application/json']);
    $response = curl_exec($ch);
    $status   = curl_getinfo($ch, CURLINFO_HTTP_CODE);
    curl_close($ch);

    header('Content-Type: application/json');
    http_response_code($status);
    echo $response;
    exit;
}
?>

05cURLtest.sh13 lines

curl -X POST https://splitforms.com/api/submit \
  -H "Accept: application/json" \
  -d "access_key=YOUR_ACCESS_KEY" \
  -d "subject=New contractor quote" \
  -d "name=Jane Builder" \
  -d "email=jane@example.com" \
  -d "phone=+15555555555" \
  -d "address=Jane Builder" \
  -d "project_type=Kitchen remodel" \
  -d "size=Under 200 sqft" \
  -d "budget=Under $25k" \
  -d "timeline=ASAP" \
  -d "details=Hello from cURL"

Replace YOUR_ACCESS_KEY with the key from your dashboard. That’s the only edit.

§ 04bUse this template with…17 frameworks · same backend

One template. Every framework.

The same field set works on every framework splitforms supports. HTML, React, Next.js, Vue, Astro, Hugo, WordPress — same POST, same backend.

§ 06FAQ4 answered

Things people ask before they ship.

Direct answers, no marketing fluff. Missing one? Email hello@splitforms.com.

01Should I show pricing ranges on my site?

Yes — 'kitchen remodels start at $40k' filters out the $15k-budget leads who'd waste your time. Hiding prices used to be the norm; transparency now wins more high-intent leads than it loses.

02Can I integrate with Buildertrend / CoConstruct / Procore?

Yes — webhook the JSON to Zapier and into your construction management software. Lead lands as a prospect with project type, budget, and contact ready for the consultation.

03What about design-build vs separate architect?

Add a checkbox 'do you have plans / drawings yet?' If no, route to your design-build flow (you handle architect coordination); if yes, ask them to upload the plans (Pro file upload). Two completely different intake paths.

04How many leads do I really need to qualify?

Most contractors need 4-6 qualified leads to book one project. The form's job is to make sure those 4-6 are qualified, not 25 leads with 4-6 buried in tire-kickers. Filter hard up front; the consultation calls go shorter and convert higher.

✻ ✻ ✻

Ship your contractor & construction quote form in 60 seconds.

1,000 free submissions per month. No credit card. Copy the snippet, paste your access key, watch leads land in your inbox.

Get free access key →Browse all 60 templates →

v0.1 · founders pricing locked in · early access open