How to install Turitop on Weebly

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-buttoncolor="green" data-afftag="ttafid"></script>

 Keep in mind: in the code, "P1" must be replaced with the code of the service or category you want to install, "es" corresponds to the language in which you want to install it, and "D1" is the code of your company in TuriTop or commonly named short_id.

Step 3: add the widget code

Go to the Build tab (1), then click the icon "Embed Code" (2), and finally click "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 on 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.