How to install TuriTop on WordPress

Where can I find it? Services >>> PX (Desired Service) >>> Widget installation.

In this article, we will guide you through installing the widgets for your TuriTop services on your WordPress pages.

If you currently have access to our WooCommerce plugin with your TuriTop subscription plan and wish to use it, you can consult this article on how to integrate TuriTop with WooCommerce via our plugin.

Instructions

To perform the installation of your booking calendar, you will need two codes: the Widget Code and the Global Code.

You can find both codes within each service by navigating to the Services tab >>> PX (Desired Service) and clicking the Widget installation button.

Step 1: Install the Global Code

First, copy the Global Code from the Services tab >>> PX (Desired Service) >>> Widget Installation.

Script example:

<script id="js-turitop" src="https://app.turitop.com/js/load-turitop.min.js" data-company="D1" data-buttoncolor="green" data-afftag="ttafid"></script>

For the installation, you must add the script of this Global Code to the footer of your WordPress website. This action only needs to be performed once on your website.

The way to add code to the footer will depend on which page builder or visual constructor your site is built with (such as Elementor, Divi Builder, Beaver Builder, etc.).

For example, if you use the Elementor builder, you can locate your footer from the WordPress menu under the following path: Templates >>> Theme Builder >>> Footer.

Once there, you can add an HTML code block and insert the Global Code.

If you are unable to locate the correct section within the page builder, we recommend consulting its documentation or contacting their technical support team.

Step 2: Install the Widget Code

Next, copy the Widget Code from the Services tab >>> PX (Desired Service) >>> Widget Installation.

Code example:

<div class="load-turitop" data-service="P1" data-lang="es" data-embed="box"></div>

For the installation, you will need to add the code in your preferred section to include the widget on your webpage. Once the page loads, the widget will display the calendar.

The way to add the code will depend on which page builder or visual constructor your site is built with (such as Elementor, Divi Builder, Beaver Builder, etc.).

For example, if you use the Elementor builder, you can locate the page where you want to install your calendar from the WordPress menu in the Pages section. Simply select the desired page and click on Edit >>> Edit with Elementor.

Once there, you can add an HTML code block and insert the Widget Code.

This action must be performed for every service you have in TuriTop, as each one will have a different widget code.

Most websites, CRM systems, or their content management systems have tools that allow you to insert HTML code so that it can be properly interpreted and rendered.