Step 1: get the installation codes
Access your TuriTop account and go to the Services tab. Now, choose one of your services and under the widget preview section, you will see the following codes.
Step 2: add the Global code
Access your Weebly's control panel and go to Settings >>> SEO >>> Footer Code.
There we will copy and paste the TuriTop Global Code, which looks like this:
<script id="js-turitop" src="https://app.turitop.com/js/load-turitop.min.js" data-company="D1" data-ga="no" data-buttoncolor="green" data-afftag="ttafid"></script>
Step 3: add the widget code
Go to the Build tab (1), then click the icon "Embed Code" (2), and finally click to "set custom HTML" to paste the Widget code from your TuriTop booking system.
Inside "custom HTML" paste the <div> code where you want to show your Booking Widget.
To show the Booking Widget embedded in your website, please use this code:
<div class="load-turitop" data-service="P1" data-lang="es" data-embed="box"></div>
To show the Book Now button in your website, please use this code:
<div class="load-turitop" data-service="P1" data-lang="en" data-embed="button">Book now</div>
Add other Booking Widget options
To see how to install other booking widget options (all services/categories box, daily multiservice widget, use your own book now buttons, languages, etc.) go to this tutorial.
Please sign in to leave a comment.