Embed the Scheduler in Squarespace

The instructions below show you how to embed the scheduler in your Squarespace website.

  1. Login to Squarespace and edit a page.
  2. Click the plus sign in order to open the elements menu.
  3. Select the element Code.
  4. Delete any existing code.
  5. Login to the admin panel of your scheduler.
  6. Click Configuration in the navigation bar.
  7. Click Appointment Calendar in the subnavigation bar.
  8. Scroll down to the section HTML Code.
  9. Scroll down in the text field until you can see the iframe code.
  10. Copy the code.
  11. Paste the code to the code field in Squarespace.
  12. Click Apply in order to save the changes.

Screenshots

Login to Squarespace and edit a page

1 Login to Squarespace and edit a page

Click the plus sign in order to open the elements menu

2 Click the plus sign in order to open the elements menu

Select the element Code

3 Select the element Code

Delete any existing code

4 Delete any existing code

Login to the admin panel of your scheduler

5 Login to the admin panel of your scheduler

Click Configuration in the navigation bar

6 Click Configuration in the navigation bar

Click Appointment Calendar in the subnavigation bar

7 Click Appointment Calendar in the subnavigation bar

Scroll down to the section HTML Code

8 Scroll down to the section  HTML Code

Scroll down in the text field until you can see the iframe code

9 Scroll down in the text field until you can see the iframe code

Copy the code

10 Copy the code

Paste the code to the code field in Squarespace

11 Paste the code to the code field in Squarespace

Click Apply in order to save the changes

12 Click Apply in order to save the changes
Back to Top