Why Embed Your Booking Link on Your Website

Embedding your booking link directly on your website lets visitors schedule appointments the moment they are ready — without calling, waiting for a reply, or leaving your site. Your availability is always visible and booking happens automatically, even outside business hours. A built-in booking option captures appointments at peak interest and eliminates the back-and-forth of manual scheduling.

How to Get the Embed Code from Your Booking Page

1. In the left-hand navigation, locate and click the My Day tab.

   

2. Click Appointments to open the Appointments section.

   

3. Find the booking link you want to embed and click the more options menu (three-dot icon) next to it.

   

   The more options menu is located to the right of each booking link in the Appointments section. Clicking it opens a drop-down with available actions for that booking link.

4. Select Embed code from the drop-down menu.

   

5. Click the Copy code button to copy the embed code to your clipboard.

   

   The embed code panel displays the complete HTML embed code for the booking link. Clicking Copy code copies the full code to your clipboard so you can paste it into your website builder.

6. Paste the copied code into your website builder's HTML editor. The steps for each website platform are covered in the sections below.

How to Embed on a WordPress Site

Note: Embedding with this method requires a WordPress.com website on a Business or eCommerce plan. For more details, see the WordPress embed block documentation.

1. In the WordPress page editor, hover over the location where you want the booking widget to appear and click the + button to add a new block. Select Custom HTML from the block options.

   

2. Paste the embed code you copied from your booking page into the Custom HTML code box.

   

3. Click Update to save your changes and publish the page. Then preview the page to confirm the booking widget appears as expected.

   

4. Optional: If the booking widget displays a scroll bar or does not fit the layout correctly, adjust the height and width attributes in the embed code to match your page design. For example, changing the height value from 100% to a fixed pixel value such as 900px can eliminate an unwanted scroll bar.

   

   The embed code height and width attributes control the dimensions of the booking widget on the page. Adjust these values as needed to match your website's layout.

How to Embed on a Wix Site

1. In the Wix editor, click Add in the left-hand panel to open the element picker.

   

2. Scroll down in the element picker and hover over More to open the additional elements sub-menu.

   

3. Select HTML iframe from the sub-menu.

   

4. Drag and position the iframe element on the page where you want the booking widget to appear.

   

5. Click Enter Code on the iframe element to open the code input panel.

   

6. In the code input panel, select the Code radio button.

   

7. Paste the embed code into the text box and click Apply.

   

8. Click Publish to make your changes live on the website.

   

How to Embed on a Squarespace Site

Note: Squarespace requires a Business plan or higher to embed JavaScript or use iframes. The embed code from your booking page will not work on a Personal plan.

1. In the Squarespace page editor, click the + button at the location where you want to add the booking widget.

   

2. Select the Code block from the element options.

   

3. In the Code block editor, delete the default placeholder code that appears in the box. Paste your embed code into the empty code box and click Apply.

   

   The Code block editor displays a text input area for HTML code. After pasting the embed code and clicking Apply, the booking widget appears on the page in the editor preview.

How to Embed on a Google Sites Page

1. In the Google Sites editor, click Insert in the right-hand panel and select Embed to add an embed block to the page.

   

2. In the embed options dialog, click Embed code to switch to the code input view.

   

3. Paste the embed code from your booking page into the code input field and click Next.

   

4. Review the preview of the embedded booking widget and click Insert to add it to the page. Publish your Google Sites page to make the booking widget live.