Booking widget
Last updated: August 2026
Add the Catch CRM booking widget with one line of HTML: one <div> where the form should show, and one <script> tag before </body>. New bookings land in your pipeline in under 5 seconds, on any platform (WordPress, Wix, Squarespace, Webflow, or plain HTML). No plugin, no developer needed.
How do I add the booking widget to my website?
Copy both lines below from Settings, Booking widget, and paste them into your page.
<!-- 1. Paste where the booking form should appear -->
<div data-catch-booking data-key="YOUR_PUBLIC_KEY"></div>
<!-- 2. Paste once, right before </body> -->
<script async src="https://widget.catchcrm.ai/booking.js"></script>Replace YOUR_PUBLIC_KEY with the public key in Settings, Developer. The public key is safe to put in page source; it only opens the booking form.
What can I customize?
Add optional attributes to the booking <div>:
| Attribute | Required | What it does |
|---|---|---|
data-key | Yes | Your public key. Connects the form to your account. |
data-service | No | Preselect a service, for example data-service="drain-cleaning". |
data-team | No | Route bookings to one team or location. |
data-theme | No | light or dark. Defaults to light. |
data-primary | No | Button color as a hex value, for example data-primary="#0058FF". |
Can I share a booking link without a website?
Yes. Every account has a hosted booking page. Share this link anywhere:
https://widget.catchcrm.ai/b/YOUR_PUBLIC_KEYIt is the same form, hosted by Catch CRM. Put it in your Google Business Profile, text replies, or ad links.
What happens after a booking?
Each submission becomes a new lead in your pipeline. From there you can auto-assign a technician, send a confirmation, or trigger an automation. To act on bookings in another tool, use webhooks or Zapier.