Find the code to embed

  • From the navigation menu go to Settings > Online booking calendar
  • Go to the Share your calendar tab
  • Decide how you would like to display 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.

Integration:

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

Code Type:

Select the IFrame. ⚠️. Copy only the code string in brackets following src=

Example:

From the code

<iframe frameborder="0" id="embeddedFrame" name="embeddedFrame" scrolling="yes" src="https://widget.fitogram.pro/barbara-stay-fit?fito-embedded=true&w=/list-view" width="100%" height="800px"></iframe>

copy only: https://widget.fitogram.pro/barbara-stay-fit?fito-embedded=true&w=/list-view

Why? Otherwise you will have scrolling issues on Wix

Embed your Fitogram booking calendar

  1. Enter your Wix account
  2. Click the Edit button
  3. Select the section of the page where you would like to embed the booking calendar
  4. Click on the + button 
  5. Select More > Customer Embeds > HTML iframe

6. A new box will be created. Click on the settings icon
7.  What do you want to add? Select Website Address
8. Paste the Fitogram code you previously copied
9. Save by clicking Apply

10. Adjust the size of the online course plan by clicking on the resize handles and holding down the left mouse button. 

Good to know:

To get the best possible display and avoid unnecessary scrolling, the calendar size should not exceed the screen size. This applies in particular to the mobile view of your website.

Do not forget to check the size of the online booking calendar on the mobile version of your website as well.

If you had any questions, please check the Wix Editor Help first!

Did this answer your question?