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

Create a website in just a few minutes with "website building kits" such as Wix. Embed your online booking calendar is even quicker.

Vladislav Lupasco avatar
Written by Vladislav Lupasco
Updated over a week ago

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>

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 have any questions, please check the Wix Editor Help first!


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

Did this answer your question?