Booking button or booking form on your own website
Already have a website on WordPress, Wix or Squarespace? Add the booking form or a floating booking button with a snippet you copy and paste.
On this page
Already have a website? No need to switch. The Embed tab of your business has two snippets to paste on your site: the full booking form on a page, or a floating booking button in the corner of every page. Clients book without leaving your website.
| Option | When to choose it |
|---|---|
| Booking form on your page | You want a dedicated “Book an appointment” page with the form on it. |
| Floating booking button | You want visitors to be able to book from any page. The button opens the form in a pop-up. |
Put the booking form on a page
Step 1: Go to Businesses, click Manage next to your business and open Embed.
Step 2: Under Booking form on your page, choose the Height in pixels (400 to 1600) and whether you want Rounded corners.
Step 3: Click Copy code.
Step 4: Paste the code on your website where the form should appear.
In WordPress use a “Custom HTML” block, in Wix an “Embed HTML” element and in Squarespace a “Code” block.
Add a floating booking button
Step 1: On the same tab, go to Floating booking button.
Step 2: Set the Button text, Button colour, Text colour, Position and Size.
The Preview shows how the button looks. Enter colours as a hex code, like #7c3aed.
Step 3: Click Copy code.
Step 4: Paste the code on every page just before the closing </body> tag.
Most website builders have a setting like “Footer code” or “Custom code”, so you only paste it once.
Do I need to paste the code again when I change my services?
No. The form always loads your current services, team and free times.
The form gets cut off on my website.
Choose a larger Height, then copy and paste the code again.
What does the form look like?
The same as on your booking page, with the same steps. See How clients book, change and cancel.
Was this article helpful?