If you wish to embed a specific filtered view of your online booking calendar, this article is for you.
Currently you can filter your online booking according the following criteria:

  • Event Type (Classes, Courses, Workshops, Appointments, Preventions, Retreats)
  • Location
  • Trainer

Choose the filtered view you would like to embed

  1. Open your online booking calendar in a browser page. If you are not sure go to Settings > Online Booking Calendar > Share Your Calendar. Copy the link, open a new browser page and paste it.
  2. On the right-hand side, you will now see all available filters. Select the filter you want to use to create a "filtered" view of the calendar. 
  3. Copy the URL that is shown in the address bar 

Get the code to embed

  1. Go back to FitogramPro and go to Settings > Online Booking Calendar > Share Your Calendar > Integration.
  2. Under Integration you choose "Embed on website" > Iframe
  3. Copy the code
  4. In the code, replace https://widget.fitogram.pro/your_domain with the URL you previously copied

    ⚠️ Please note that "?fito-embedded=true" should remain part of the URL
  5. Paste the code into your website


This is the standard HTML iframe code copied from FitogramPro:

I would like to show only my appointments. The URL of this filtered view is https://widget.fitogram.pro/my_domain/?f=type/Appointment&w=/list-view

So, the code for my filtered view will look like this:

Did this answer your question?