Website Lead Capture - Auto Detailing CRM

If you don’t need a full booking flow and just want website form submissions to land in the CRM as leads, use the website lead-capture integration. It’s the simplest way to connect an existing site (WordPress, Wix, Squarespace, or hand-written HTML) to Auto Detailing CRM.

Everything on this page is generated for you under Settings → Website Leads. Copy the snippet from there — this page explains what it does and how to customize it.

How it works

The Website Leads settings page gives you two things:

Your lead token — an opaque token that identifies your workspace.
An embed snippet — a small <script> that POSTs your form fields to the lead-capture endpoint when a button is clicked.

A submitted lead appears immediately in your Leads tab with the source set to Website.

Treat the lead token as public — it ships in your page source. It only allows creating leads for your workspace. Regenerating the token (from Settings → Website Leads) breaks any embed that still uses the old one, so update your site afterward.

The embed snippet

The snippet wires a button on your page to the lead endpoint. It expects four element IDs — crm-name, crm-phone, crm-email, and a submit button crm-lead-btn:

<!-- Your form -->
<input id="crm-name" placeholder="Name" />
<input id="crm-phone" placeholder="Phone" />
<input id="crm-email" placeholder="Email" />
<button id="crm-lead-btn">Request a quote</button>

<!-- Paste this snippet from Settings → Website Leads (your Endpoint URL is filled in for you) -->
<script>
(function () {
  var btn = document.getElementById('crm-lead-btn');
  if (!btn) return;
  btn.addEventListener('click', function () {
    var name = document.getElementById('crm-name')?.value || '';
    var phone = document.getElementById('crm-phone')?.value || '';
    var email = document.getElementById('crm-email')?.value || '';
    fetch('YOUR_ENDPOINT_URL', { // copy the Endpoint URL from Settings → Website Leads
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ name, phone, email })
    });
  });
})();
</script>

Don’t assemble the URL by hand. Open Settings → Website Leads, copy the Endpoint URL field (it already includes your workspace’s host and lead token), and paste it in place of YOUR_ENDPOINT_URL. The page also offers a one-click Copy for the full snippet.

Posting directly

If you’d rather call the endpoint yourself instead of using the snippet, POST a JSON body to your Endpoint URL (copied from Settings → Website Leads). The token is already baked into that URL as the ?token= query parameter; alternatively you can send a bare endpoint and pass the token in an x-lead-token header.

// YOUR_ENDPOINT_URL = the Endpoint URL from Settings → Website Leads
await fetch('YOUR_ENDPOINT_URL', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    name: 'Jane Doe',
    phone: '+1 512 555 0100',
    email: 'jane@example.com',
    vehicle: '2023 Toyota RAV4',
    service: 'Full Interior Detail',
    message: 'Prefer a morning appointment',
  }),
});

Fields

Field	Required	Notes
`name`	Recommended	Customer name (`customer_name` is also accepted).
`phone`	Recommended	Customer phone.
`email`	Recommended	Customer email.
`vehicle`	Optional	Free-text vehicle description.
`service`	Optional	Service the customer is interested in.
`message`	Optional	Free-text note (`comment` is also accepted).
`source`	Optional	Override the displayed lead source.
`utm_source`, `utm_medium`, `utm_campaign`, `utm_content`, `utm_term`	Optional	Marketing attribution, stored on the lead.
`gclid`, `fbclid`, `external_ref`	Optional	Ad-click and partner reference IDs.

A successful submission returns { "ok": true, "lead_id": ... }. On failure the response is { "ok": false, "error": "..." } — common errors include invalid_token, missing_token_header, and tenant_not_resolved.

Booking API vs. lead capture

	Website lead capture	Public Booking API
Creates	A lead in the Leads tab	A scheduled order or a lead
Effort	Copy-paste snippet	Custom front-end code
Scheduling	None — follow up manually	Real availability + booked time slot
Pricing/services	Not shown	Full services, body-type pricing, memberships
CAPTCHA	Not required	Cloudflare Turnstile required on submit

Use lead capture when you just want inquiries to flow into the CRM. Use the Booking API when you want customers to pick a service and book a real appointment time on your own site.

​How it works

​The embed snippet

​Posting directly

​Fields

​Booking API vs. lead capture

How it works

The embed snippet

Posting directly

Fields

Booking API vs. lead capture