Cómo instalar TuriTop en WordPress

¿En dónde puedo encontrarlo? Servicios >>> PX (Servicio deseado) >>> Instalación.

En este artículo, te guiaremos para instalar los widgets de tus servicios de TuriTop en tus páginas de WordPress. 

Si actualmente dispones de acceso a nuestro plugin para WooCommerce con tu plan de suscripción de TuriTop y deseas utilizarlo, puedes consultar este artículo sobre cómo integrar TuriTop con WooCommerce a través de nuestro plugin.

Instrucciones

Para realizar la instalación de tu calendario de reservas, necesitarás dos códigos: el Código del Widget y el Código Global.

Ambos códigos los puedes encontrar dentro de cada servicio, navegando a la pestaña Servicios >>> PX (Servicio deseado) y haciendo clic en el botón Instalación.

Paso 1: Instalar el código global

Primero, copia el Código Global desde la pestaña Servicios >>> PX (Servicio deseado) >>> Instalación del Widget.

Ejemplo del script:

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

Para la instalación, tendrás que añadir el script de este código global al footer de tu sitio web en WordPress. Esta acción solo debe realizarse una única vez en tu página web.

La manera de añadir código al footer va a depender de con qué maquetador o constructor visual esté construido tu sitio (como Elementor, Divi Builder, Beaver Builder, etc.).

Por ejemplo, si utilizas el maquetador Elementor, podrás localizar tu footer desde el menú de WordPress en la siguiente ruta: Plantillas (Templates) >>> Maquetador de Temas (Theme Builder) >>> Pie de página (Footer).

Una vez allí, podrás añadir un bloque de código HTML e insertar el código global.

Si no logras localizar la sección correcta en el maquetador, te recomendamos consultar su documentación o contactar con su equipo de soporte técnico.

Paso 2: Instalar el código del widget

Luego, copia el Código del Widget desde la pestaña Servicios >>> PX (Servicio deseado) >>> Instalación.

Ejemplo del código:

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

Para la instalación, tendrás que añadir el código en la sección de tu preferencia para incluir el widget en tu página web. Una vez que la página se cargue, el widget mostrará el calendario.

La manera de añadir código va a depender de con qué maquetador o constructor visual esté construido tu sitio (como Elementor, Divi Builder, Beaver Builder, etc.).

Por ejemplo, si utilizas el maquetador Elementor, podrás localizar la página donde deseas instalar tu calendario desde el menú de WordPress en la sección Páginas. Simplemente selecciona la página deseada y haz clic en Editar >>> Editar con Elementor.

Una vez allí, podrás añadir un bloque de código HTML e insertar el código del widget.

Esta acción debe realizarse por cada servicio que tienes en TuriTop, ya que cada uno tendrá un código de widget diferente.

La mayoría de las páginas web, sistemas CRM o gestores de contenido de los mismos cuentan con herramientas que permiten insertar código HTML para que luego sea interpretado y renderizado correctamente.