How do I embed the booking form on my website?

Add the CleanSlot booking form to your own site using an iframe and the code from the Installation page.

You can show the CleanSlot booking form directly on your website by embedding it with a short snippet of code. CleanSlot provides the code on the Installation page; you copy it and paste it into your site where you want the form to appear.

Where to find the embed code in CleanSlot

  1. In the sidebar, go to Account.
  2. Click Installation.
  3. Scroll to Option 2: Embed the booking form on your website.
  4. You will see a block of code (an iframe) that includes your booking page URL.

How to add the embed to your website

  1. On the Installation page, find the code block under Option 2.
  2. Click the copy button to copy the full code to your clipboard.
  3. Open your website editor or the place where you manage your site (e.g. WordPress, Squarespace, or your own HTML).
  4. Paste the code where you want the booking form to appear (e.g. on a "Book now" or "Schedule" page).
  5. Save or publish the page. The booking form will load inside the page at that spot.

The code includes a height value (for example, 880 pixels). If the form feels too tall or too short on your page, edit the height number in the pasted code and save again.

If you do not see the embed code

The embed uses your booking URL, which depends on your slug. If the page says to set your business slug in Business settings, do that first:

  1. Go to Business settings.
  2. Set or edit the Slug field and save.
  3. Return to Installation; the embed code will appear.

Why embed the booking form on your website?

Embedding keeps customers on your site instead of sending them to a separate CleanSlot URL. They see your branding and stay in one place while they pick a service and time. The form is fully functional inside the embed (same services, availability, and confirmation flow as the standalone booking link), so you get a seamless experience without building your own scheduling UI.