When all the online booking settings are completed, add the online booking widget to the website. 

If you have already customized the online booking button design and want to open an online booking form by clicking the button, then this option is for you.

The online booking widget can be attached to any button on the company’s website. Therefore, first of all, you need to paste the code of the button itself on the site:

<code><a href="#" class="ms_booking">Online booking</a></code>

Button setup

In the main menu go to Online booking > Online booking widget. Select the required form or add a new one (how to create an online booking widget read here).

Go to the Button settings tab and disable the creation of the default round button - uncheck Button Activation.

Go to the Button Code tab. Copy the button code and place it before the closing </body> tag on each page of the site.

The code example:

<script type="text/javascript" src="https://w11782.alteg.io/widgetJS" charset="UTF-8"></script>

11782 is a unique identifier for a particular form.

However, some changes need to be made to this code. Remove https: from it and insert the final version of the code in the site. 

In this case:

<script type="text/javascript" src="//w11782.alteg.io/widgetJS" charset="UTF-8"></script>

An identifier for a specific form can also be found on the page Online booking > Online booking widget. Read more about how to find out the number (ID) of the online booking form here. In the website template the code of the booking form should be located below the button code.