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 links. Select the required form or add a new one.

Scroll to the Website button section and make the necessary settings:

  • location;
  • colour;
  • check/uncheck animation

Locate the Button code field within this section. 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).