HOME SERVICES · CONTACT FORM TEMPLATE

Landscaping & Lawn Care Quote Form

Landscaping leads are seasonal, recurring, and price-sensitive — but a clean intake form lets you sort weekly mow contracts from one-time hardscape projects in one glance.

Get free access key Copy the code

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

form.htmlhtml53 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 landscaping quote request">
04 
05  <label for="name">Full name *</label>
06  <input id="name" type="text" name="name" placeholder="Tomás López" required>
07  <label for="email">Email *</label>
08  <input id="email" type="email" name="email" placeholder="tomas@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">Property address *</label>
12  <input id="address" type="text" name="address" placeholder="1247 Valencia St" required>
13  <label for="service">Service needed *</label>
14  <select id="service" name="service" required>
15    <option value="">Choose…</option>
16    <option>Weekly mowing</option>
17    <option>Bi-weekly mowing</option>
18    <option>One-time cleanup</option>
19    <option>Garden design</option>
20    <option>Tree trimming</option>
21    <option>Sod / install</option>
22    <option>Hardscaping</option>
23    <option>Snow removal</option>
24  </select>
25  <label for="lot_size">Lot size</label>
26  <select id="lot_size" name="lot_size">
27    <option value="">Choose…</option>
28    <option>Under 1,000 sqft</option>
29    <option>1,000–5,000 sqft</option>
30    <option>5,000–10,000 sqft</option>
31    <option>10,000+ sqft / acreage</option>
32  </select>
33  <label for="frequency">How often?</label>
34  <select id="frequency" name="frequency">
35    <option value="">Choose…</option>
36    <option>One-time only</option>
37    <option>Weekly</option>
38    <option>Bi-weekly</option>
39    <option>Monthly</option>
40    <option>Seasonal</option>
41  </select>
42  <label for="details">Anything else?</label>
43  <textarea id="details" name="details" placeholder="Specific plants, gates, pets, slope, etc."></textarea>
44 
45  <!-- honeypot — bots fill every field -->
46  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">
47 
48  <button type="submit">Send</button>
49</form>
50 
51<p style="margin-top:12px;font-size:11px;color:#888;text-align:right">
52  Powered by <a href="https://splitforms.com" style="color:#888;text-decoration:none" target="_blank" rel="noopener">splitforms</a>
53</p>

1,000

submissions / mo, free

fields, ready to ship

code outputs

60s

from copy to inbox

§ 01Why it mattersthe qualifying-fields argument

Landscaping has the cleanest split of any home service: recurring mow/maintenance contracts (predictable revenue, sorted by route density) and one-time projects (hardscape, design, install — bigger ticket, higher margin). Property size, service frequency, and project type sort which bucket the lead lands in. Without those fields the office spends 10 minutes per call back qualifying. With them, the route manager can quote a mow on the spot and the design team gets the project leads pre-filtered.

✦ at a glance

→Landscaping / lawn care quote · 8 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 · landscaping-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 landscaping quote request

Full name: Maya Iyer
Email: maya@studio71.co
Phone: +1 415 555 0142
Property address: —
Service needed: Weekly mowing
Lot size: Under 1,000 sqft
How often?: One-time only
Anything else?: 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 service type and frequency

Required: address, service type (mowing / fertilization / design / install / cleanup), frequency (weekly / bi-weekly / one-time), approximate lot size.

Create your form

key=sk_live_••••••••

STEP 02EMBED

Tag by route

Webhook the submission with the address. Your routing software (LMN, Jobber, Aspire) checks if the address is on an existing route — if yes, instant 'we're in the area' quote.

snippethtml

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

STEP 03RECEIVE

Different follow-up by service

Mow contracts: send a price per visit and a contract link. Design / install: book a site visit. Same form, two automated paths.

inbox · 1 newjust now

FROM contact@yoursite.com

New landscaping quote request

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.html53 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 landscaping quote request">

  <label for="name">Full name *</label>
  <input id="name" type="text" name="name" placeholder="Tomás López" required>
  <label for="email">Email *</label>
  <input id="email" type="email" name="email" placeholder="tomas@example.com" required>
  <label for="phone">Phone *</label>
  <input id="phone" type="tel" name="phone" placeholder="+1 555 0142" required>
  <label for="address">Property address *</label>
  <input id="address" type="text" name="address" placeholder="1247 Valencia St" required>
  <label for="service">Service needed *</label>
  <select id="service" name="service" required>
    <option value="">Choose…</option>
    <option>Weekly mowing</option>
    <option>Bi-weekly mowing</option>
    <option>One-time cleanup</option>
    <option>Garden design</option>
    <option>Tree trimming</option>
    <option>Sod / install</option>
    <option>Hardscaping</option>
    <option>Snow removal</option>
  </select>
  <label for="lot_size">Lot size</label>
  <select id="lot_size" name="lot_size">
    <option value="">Choose…</option>
    <option>Under 1,000 sqft</option>
    <option>1,000–5,000 sqft</option>
    <option>5,000–10,000 sqft</option>
    <option>10,000+ sqft / acreage</option>
  </select>
  <label for="frequency">How often?</label>
  <select id="frequency" name="frequency">
    <option value="">Choose…</option>
    <option>One-time only</option>
    <option>Weekly</option>
    <option>Bi-weekly</option>
    <option>Monthly</option>
    <option>Seasonal</option>
  </select>
  <label for="details">Anything else?</label>
  <textarea id="details" name="details" placeholder="Specific plants, gates, pets, slope, etc."></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.js69 lines

<form id="lf-form">
  <label for="name">Full name *</label>
  <input id="name" type="text" name="name" placeholder="Tomás López" required>
  <label for="email">Email *</label>
  <input id="email" type="email" name="email" placeholder="tomas@example.com" required>
  <label for="phone">Phone *</label>
  <input id="phone" type="tel" name="phone" placeholder="+1 555 0142" required>
  <label for="address">Property address *</label>
  <input id="address" type="text" name="address" placeholder="1247 Valencia St" required>
  <label for="service">Service needed *</label>
  <select id="service" name="service" required>
    <option value="">Choose…</option>
    <option>Weekly mowing</option>
    <option>Bi-weekly mowing</option>
    <option>One-time cleanup</option>
    <option>Garden design</option>
    <option>Tree trimming</option>
    <option>Sod / install</option>
    <option>Hardscaping</option>
    <option>Snow removal</option>
  </select>
  <label for="lot_size">Lot size</label>
  <select id="lot_size" name="lot_size">
    <option value="">Choose…</option>
    <option>Under 1,000 sqft</option>
    <option>1,000–5,000 sqft</option>
    <option>5,000–10,000 sqft</option>
    <option>10,000+ sqft / acreage</option>
  </select>
  <label for="frequency">How often?</label>
  <select id="frequency" name="frequency">
    <option value="">Choose…</option>
    <option>One-time only</option>
    <option>Weekly</option>
    <option>Bi-weekly</option>
    <option>Monthly</option>
    <option>Seasonal</option>
  </select>
  <label for="details">Anything else?</label>
  <textarea id="details" name="details" placeholder="Specific plants, gates, pets, slope, etc."></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 landscaping quote request');

    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.tsx84 lines

'use client';

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

export default function LandscapingQuoteForm() {
  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 landscaping quote request');

    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="Tomás López" required />
      <label htmlFor="email">Email *</label>
      <input id="email" type="email" name="email" placeholder="tomas@example.com" required />
      <label htmlFor="phone">Phone *</label>
      <input id="phone" type="tel" name="phone" placeholder="+1 555 0142" required />
      <label htmlFor="address">Property address *</label>
      <input id="address" type="text" name="address" placeholder="1247 Valencia St" required />
      <label htmlFor="service">Service needed *</label>
      <select id="service" name="service" required>
        <option value="">Choose…</option>
        <option>Weekly mowing</option>
        <option>Bi-weekly mowing</option>
        <option>One-time cleanup</option>
        <option>Garden design</option>
        <option>Tree trimming</option>
        <option>Sod / install</option>
        <option>Hardscaping</option>
        <option>Snow removal</option>
      </select>
      <label htmlFor="lot_size">Lot size</label>
      <select id="lot_size" name="lot_size">
        <option value="">Choose…</option>
        <option>Under 1,000 sqft</option>
        <option>1,000–5,000 sqft</option>
        <option>5,000–10,000 sqft</option>
        <option>10,000+ sqft / acreage</option>
      </select>
      <label htmlFor="frequency">How often?</label>
      <select id="frequency" name="frequency">
        <option value="">Choose…</option>
        <option>One-time only</option>
        <option>Weekly</option>
        <option>Bi-weekly</option>
        <option>Monthly</option>
        <option>Seasonal</option>
      </select>
      <label htmlFor="details">Anything else?</label>
      <textarea id="details" name="details" placeholder="Specific plants, gates, pets, slope, etc." />

      <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', 'service', 'lot_size', 'frequency', 'details'];
    $payload = ['access_key' => 'YOUR_ACCESS_KEY'];
    $payload['subject'] = 'New landscaping quote request';

    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.sh12 lines

curl -X POST https://splitforms.com/api/submit \
  -H "Accept: application/json" \
  -d "access_key=YOUR_ACCESS_KEY" \
  -d "subject=New landscaping quote request" \
  -d "name=Jane Builder" \
  -d "email=jane@example.com" \
  -d "phone=+15555555555" \
  -d "address=Jane Builder" \
  -d "service=Weekly mowing" \
  -d "lot_size=Under 1,000 sqft" \
  -d "frequency=One-time only" \
  -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 mowing and design be on the same form?

One form is fine if the service-type dropdown branches the follow-up. Two forms is cleaner if your design arm is a separate brand. We've seen both work — depends on whether your site visitor needs to know up front that you do both.

02How do I price a mow without seeing the lot?

Lot size dropdown ('< 1/4 acre', '1/4 - 1/2', '> 1/2') plus address means Google Maps satellite gives you the rest. Most quoting software auto-pulls a polygon and prices on the spot.

03Do customers really fill out forms for landscaping?

For mowing, often. For design / install, almost always — they want to attach a Pinterest board or photos of the yard. Use the file-upload variant for the design form.

04Can I integrate with LMN or Aspire?

Yes — webhook the JSON submission. Both platforms accept inbound webhooks via Zapier or native integrations. The lead lands in your CRM with all the qualifying fields pre-filled.

✻ ✻ ✻

Ship your landscaping & lawn care 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