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.
Setup #
- In the main menu go to Online booking > Online booking links.
- Select the required form and click Set up button. If needed, create a new online booking form (learn more about in this article).
- 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 website.
Code example: #
<script type="text/javascript" src="https://w334915.alteg.io/widgetJS" charset="UTF-8"></script>
Installation example: #
<html>
<head>
<title>Website name</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
</head><p>
<body>
<<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="https://w12348.alteg.io/<span class="speller-hint" data-toggle="popover" data-hint="3" data-original-title="" title="">widgetJS</span>" charset="UTF-8"></script></span>
</body>
</html></p>
- At the end, be sure to click the Save button at the bottom to apply all your changes.
Important
Do not use the code from the example to install on your website. The code could be obtained according to the instructions above.
Uncheck Show button on the website if you want to disable the default floating round button. For example, if you’ve already customized the design of the online booking button yourself or want to place multiple online booking buttons on the same page.
Read more in these articles:
