Who This Guide Is For (And What You Will Walk Away With)
You run a service business in Cochrane, AB -- plumbing, HVAC, electrical, roofing, landscaping, or snow removal -- and you want your website form to do one job:
Start real conversations that turn into booked work.
This guide is written for business owners, not developers. By the end you will have:
- The exact 6 form fields real customers actually finish (with labels you can copy-paste)
- A spam-prevention setup that blocks bots without annoying humans
- Auto-email templates that land in inboxes and set clear expectations
- A simple privacy note you can paste under your form (PIPEDA/CASL-aware)
- A response playbook that gets you to a callback in under 15 minutes
- A secure lead database layout so no request slips through the cracks
- Speed and mobile tips so the form feels instant on phones
Prefer someone else to handle it? Our Cochrane trade website services wire in these patterns, connect tracking, and keep everything fast.
Here is the full playbook -- or skip to the short version below.
68% of Cochrane homeowners request quotes from their smartphones
Photo: UnsplashThe Short Version (TL;DR)
Build a 6-field, one-column quote form: Name, Phone, Email, Address, Service (dropdown), and Notes (with an optional photo upload).
Block spam with a lightweight challenge, a honeypot, and server-side checks -- no puzzle CAPTCHAs.
Send an instant auto-email confirming what you received. Log every request in a secure lead database. Call back in under 15 minutes during business hours.
Keep the page fast on phones: lean hero image, minimal scripts, and Core Web Vitals targets met.
The 6 Fields That Get Finished (And Booked)
Short forms win. Every extra field costs you completions -- especially on phones. Stick to six:
- Full name
- Phone -- primary contact; fastest way to confirm the job
- Email -- where you send the estimate and photos
- Service address -- so you can check access, parking, and distance
- Service needed -- a dropdown with short, obvious options
- Notes -- optional; add a photo upload if you like
Labels You Can Copy-Paste
- "Your name"
- "Best phone number"
- "Email for your estimate"
- "Service address (Street, Cochrane)"
- "What do you need help with?" (dropdown)
- "Anything we should know? (You can add a photo)"
Why One Column Works Best
One column scans top to bottom. The eye does not zig-zag. On a phone, the thumb never has to stretch sideways. Fewer layout decisions means fewer drop-offs.
Phone-Friendly Input Tips
- Set the phone field to a phone input type so the dial pad opens on mobile
- Set the email field to an email input type so the device auto-fills correctly
- Turn on address autocomplete if your site supports it (helpful but not required)
Dropdown Options by Trade
- Plumbing: Drain clean, Leak repair, Water heater, Fixture install, Other
- HVAC: No heat, AC not cooling, Tune-up, New system quote
- Electrical: Panel issue, New circuits, EV charger, Lighting, Other
- Roofing: Leak check, Repair, Re-roof quote, Skylight
- Landscaping/Snow: Spring clean-up, Aeration, Mulch, Snow removal, Other
Where to place the form: Right below your main service copy or pricing ranges. The visitor already has context -- and a reason to fill it out.
Spam Prevention That Does Not Punish Real People
You are not running a CAPTCHA farm. Use gentle defenses that keep bots out and let real customers through:
- Lightweight challenge -- a privacy-friendly check that runs in the background (no puzzles for the user to solve)
- Hidden honeypot field -- an invisible input that bots fill in and humans skip
- Submit-time checks -- require at least 0.5 seconds on the page before the form can submit; block more than 10 submits per minute from one IP
- Server-side validation -- verify phone and email format plus required fields on your server, even if you already check in the browser
- Rate limiting -- throttle repeat offenders automatically
- Suspected spam view -- store flagged entries in a separate log instead of deleting them; review once a week
Checklist to Hand Your Web Person
- Add a lightweight challenge to the form
- Add a hidden honeypot input
- Add server-side validation and rate limiting
- Store spam-flagged entries in a separate view -- do not just drop them
Quote Form Setup Checklist
The complete 6-field form setup, spam prevention steps, and placement guide for Cochrane trades. Print it. Check it off.
Auto-Emails and Confirmations That Build Trust
When someone submits the form, two things should happen right away:
First -- show an on-page thank-you message with a clear reply window and a "Call now" fallback.
Second -- send an auto-email confirming what you received.
On-Page Confirmation (Copy-Paste Ready)
Thanks, we got your request. We will call you within 15 minutes (Mon-Fri, 7 a.m.-7 p.m.). If it is urgent, tap to call now.
Auto-Email Template (Copy-Paste Ready)
- Subject line: We got your request -- here is what happens next
- Body: Hi {{FirstName}}, Thanks for reaching out about {{Service}} at {{Address}}. We will call you within 15 minutes today (7 a.m.-7 p.m.). If you need us sooner, call {{YourPhone}}. -- {{Your Business Name}}, Cochrane
How to Make Sure Your Auto-Emails Actually Land
- Send from your own domain (for example, info@yourcompany.ca)
- Set up SPF, DKIM, and DMARC -- these are email authentication records your email provider or host can configure for you
- Keep the email simple: no huge images, no walls of links
One more thing: Add a one-line unsubscribe link to any marketing follow-ups (newsletters, promos). Replying to a requested quote is fine without one. Ongoing marketing needs consent.
Privacy and Consent (Kept Simple)
Place this short note directly under the form:
We collect your name, contact details, and service info to respond to your request and prepare an estimate. We do not sell your data. See our Privacy Policy for details. By submitting, you agree we can contact you about this request. You can update or remove your info anytime.
That covers the "what" and "why" in plain English and links to your full policy.
If you plan to send marketing emails later, collect that consent separately -- a small checkbox near a newsletter sign-up, not a requirement for the quote form.
Response Playbook: From Submit to Booked
Your target: Under 15 minutes to a human callback during business hours. After hours, say what you will do -- and stick to it.
Step by Step
- Triage right away. Is it an emergency or a standard request?
- Emergency path (burst pipe, no heat, unsafe electrical): Call immediately. If you are busy, send an auto-text: "We saw your emergency in Sunset Ridge. You are next. We will call within 5-10 minutes. If water is flowing, shut your main valve."
- Standard path: Call within 15 minutes. If they do not answer, send a friendly text.
- Need to see it first? Offer a short diagnostic visit (often credited toward the job) when you cannot quote accurately from a description alone.
- Tag and log the outcome: Booked, follow-up, no answer, or wrong number.
- Same-day wrap-up: Every open lead gets a status before you close the day -- booked, or follow-up tomorrow.
Responding within 15 minutes turns more quote requests into booked jobs
Photo: UnsplashScripts You Can Copy-Paste
- First call: "Hi, it is {{YourName}} with {{Business}}. Got your note about {{Service}} in {{Neighborhood}}. Two quick questions so we can give you a proper estimate..."
- Missed call: "Missed you -- will try again at {{Time}}. If it is urgent, call {{YourPhone}}."
- Booked: "You are set for {{Day}} {{TimeWindow}}. We will text you when we are on our way."
Response Scripts & Email Templates
Copy-paste auto-emails, callback scripts, and on-site copy blocks. Plug them in and start responding faster.
Your Secure Lead Database (So Nothing Slips Through)
Whether you track leads in Google Sheets, a CRM, or your job management software, log every submission and every call attempt.
Minimum Fields to Track
| Field | Why It Matters | |-------|---------------| | Submission time (UTC and local) | Measure how fast you responded | | Source page | Know which page is converting | | Name, phone, email, address | Contact the customer | | Service (dropdown value) | Route to the right crew | | Notes and photo link | Context for quoting | | Neighborhood tag | Riversong, Fireside, Sunset Ridge, Heartland, GlenEagles, Bow Meadows, West Terrace | | Spam flag (true/false plus reason) | Keep the lead log clean | | Status | New, Called, Booked, Follow-up, No answer, Closed | | First response time (minutes) | Track your callback speed | | Outcome notes | Record what happened |
Monthly Hygiene (Takes 15 Minutes)
- Export a CSV of the month
- Count: form starts, submits, first-response under 15 minutes, booked
- Review spam trends and adjust filters if needed
Lead Database Worksheet
Set up your lead tracking with the right fields, status tags, and a monthly hygiene checklist. Works in any spreadsheet or CRM.
Speed and Mobile UX: Make the Form Feel Instant
A beautiful form on a slow page is a form nobody finishes. Keep it fast and stable:
- Hero image: Keep it lightweight and load it eagerly (not lazy). Set width and height attributes so the layout does not jump.
- Other images: Use efficient formats (AVIF or WebP) and lazy-load anything below the fold.
- Scripts: Keep the top of the page clean. Defer chat widgets and heavy analytics trackers.
- Mobile targets: LCP (Largest Contentful Paint) at or under 2.5 seconds, INP (Interaction to Next Paint) at or under 200 milliseconds, CLS (Cumulative Layout Shift) at or under 0.1.
Page load speed directly impacts conversion rates and search rankings
Photo: UnsplashSmall UX Wins That Matter
- Disable double submits -- grey out the button briefly after a click
- Show errors inline next to the field, not in a scary pop-up modal
- Keep the thank-you message visible for a few seconds and include a "Call now" button
For a deeper speed checklist, see keep forms fast on phones (Core Web Vitals).
Where to Place Forms (So They Actually Get Used)
- Main "Get a Quote" page: The full 6-field form described in this guide
- Service pages: The same form, or a shortened version with the Service dropdown pre-selected
- Emergency pages: Keep the "Call now" button dominant; the form is a backup
- Seasonal pages: Place the form under your packages; pre-select the seasonal service in the dropdown
Link your form pages from your Areas We Serve page. Customers in Riversong or Fireside should not have to hunt for a way to contact you. See service-area pages without doorway pages for safe structure.
Owner-Ready Copy Blocks (Paste Onto Your Site)
Above the Form Fields
Tell us the basics and we will call you within 15 minutes (Mon-Fri, 7 a.m.-7 p.m.). If it is urgent, tap Call and we will triage right away.
Under the Notes Field
Adding a quick photo helps us quote faster -- totally optional.
After-Hours Panel (Small Box Under the Form)
After hours we triage safety first. We will text an ETA window for Heartland, GlenEagles, Bow Meadows, and nearby areas.
Under the Submit Button
We collect your details to respond and prepare an estimate. We do not sell your data. See our Privacy Policy. By submitting, you agree we can contact you about this request.
Quick Answers Before You Build
Should I add more fields for "better leads"? No. More fields reduce completions. If you need extra detail, ask on the callback.
Do I need a checkbox for email consent? Not for replying to a requested quote. For ongoing marketing emails, yes -- collect consent and include an unsubscribe link.
What if spam increases? Tighten your honeypot and rate limits. Review your "suspected spam" view weekly. Do not add puzzle CAPTCHAs unless absolutely necessary.
How do I track response speed? Store the submit time and the first human reply time. Your target is under 15 minutes during business hours.
Related Reading (Same Hub)
- After hours: Emergency Services (24/7): After-Hours Conversions in Cochrane
- Local structure: Service-area pages without doorway pages
- Speed and UX: Keep pages fast on phones (Core Web Vitals)