Adding an online booking button to your website (button from Altegio)

When all the online booking settings are completed, add the online booking widget to the website. There are several ways to set up a button.

Here you can learn how to set up a standard round button with the Online booking header. The color, animation, and location of the button can be edited and customized.   

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 make the necessary settings:

  • location;
  • colour;
  • check/uncheck animation

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


Code example:


<script type="text/javascript" src="" charset="UTF-8"></script>

Installation example:


<title>Website name</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<<span class="speller-hint" data-toggle="popover" data-hint="2" data-original-title="" title="">span</span> class="wysiwyg-color-red"> <script type="text/javascript" src="<span class="speller-hint" data-toggle="popover" data-hint="3" data-original-title="" title="">widgetJS</span>" charset="UTF-8"></script></span>



Do not use the code from the example to install on your website. The code could be obtained according to the instructions above.

Here you can find the Instructions for adding an online booking button to your website (customized button).