All Collections
Online Booking Tool Integration
How do I embed the Booking Calendar in my Squarespace website?
How do I embed the Booking Calendar in my Squarespace website?

Here you can find out how to embed your online booking calendar into your Squarespace website very quickly.

Vlad avatar
Written by Vlad
Updated over a week ago

1. Generate the code for the online booking calendar

  • From the navigation menu go to Settings > Online booking calendar

  • Go to the Share your calendar tab

  • Decide how you want to integrate your online booking calendar:

Landing page:

Choose the view that should be shown first when you call up the course calendar.
It is still possible to navigate to all views within the calendar, it is only the first view.
If you want to store filtered views of the course plan, take a closer look at the article linked here.


To integrate the calendar directly (without forwarding) to your website, choose "Embed on website"

Code Type:

Since Squarespace supports script codes, you can leave the recommended script code selected here.

2. Paste your widget code in Squarespace

  • Enter your Squarespace account

  • Click on Edit Site

  • Identify the page where you would like to integrate your booking calendar (you can also create a new page) and click Edit

  • Add a new block by clicking on the + button in the upper right side of the page

  • Select Code

  • Paste the code you previously copied from FitogramPro

  • Click Apply and check the result


#link booking tool #show booking tool on my website #link calendar #show calendar online

Did this answer your question?