Widget diario multiservicio – Centro de Ayuda del Sistema de Reservas TuriTop

¿En dónde puedo encontrarlo? Servicios >>> Categorías.

Al añadir este widget a tu sitio web podrás mostrar todos los servicios que tienes disponibles por día. Así, tus clientes verán todos los servicios y franjas horarias disponibles en un día y podrán elegir los eventos que más les interesen.

Ten en cuenta: Por ahora, el Widget Diario Multiservicio sólo funciona con los servicios de tipo tour.

Instalación

Puedes encontrar los códigos de instalación en tu panel TuriTop accediendo a Servicios >>> Categorías. Para instalar el widget diario multiservicio, por favor, sigue estas instrucciones:

Paso 1: Instala el script del código global

Instala el script que debe colocarse en la parte inferior de cada página de su sitio web antes del tag.

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

Cambia el código de identificación de compañía XX endata-company="XX"por tu propio ID de TuriTop. Éste se encuentra en la esquina superior derecha del panel de control de tu sistema de reservas TuriTop.

Paso 2. Instala el código del widget

Instala el código del widget diario mutiservicio (abajo) en la parte de tu sitio web donde desees que se muestre:

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

Más opciones

Instalar el widget en otros idiomas

El es en el código data-lang="es"representa el idioma en el que aparecerá el widget. Puedes cambiarlo a cualquier idioma disponible que necesites siempre que se haya realizado la traducción.

Si copias el código directamente desde tu panel, verás un menú que te permite cambiarlo automáticamente.

Mostrar servicios determinados

Si quieres usar el widget diario multiservicio para mostrar únicamente un/os servicio/s específicos, sigue estos pasos:

Ve a Categorías dentro de la pestaña Servicios y crea una nueva categoría con los servicios que te interesen.
Copia el código de la categoría que aparezca (C1, C2, C3, etc).
Cambia data-service="all" por data-category="CX", sustituyendo "CX" por el código de la categoría. Por ejemplo, "C3":

<div class="load-turitop" data-category="CX" data-lang="es" data-embed="box"></div>

Visualización de los días sin eventos

Al abrir el calendario para seleccionar un día, el widget diario multiservicio, por defecto, no hace distinción entre los días que están abiertos (tienen eventos) y los que no. Sólo distingue entre eventos pasados y futuros.

Para habilitar esto, debes incluir el parámetro data-datepickeravailability="show" en el código de instalación del widget.

Ejemplo:

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

Puedes ver la diferencia entre ambas versiones:

SIN data-datepickeravailability="show"

CON data-datepickeravailability="show"

Ten en cuenta: esta versión del widget tiene una latencia de carga mayor, por lo que puede tardar un poco más en cargar.

Añadir imágenes de portada

Esta versión permite añadir imágenes de portada al widget.

Versión 1 - por servicio

Primero añade una imagen dentro del servicio. Ve a Servicios >>> PX >>> Información del servicio >>> Subir imagen de portada y añade una imagen:

2. Luego, usa este código div para la instalación:

<div class="load-turitop" data-service="all" data-version="2" data-lang="es" data-embed="box" data-datepickeravailability="show"></div>

Vista previa

Version 2 - por categoría

También tienes la posibilidad de mostrar únicamente los servicios de una categoría.

Primero añade una imagen dentro del servicio. Ve a Servicios >>> PX >>> Información del servicio >>> Subir imagen de portada y añade una imagen:

2. Luego, usa este código div para la instalación modificando el valor en data-category="CX" dependiendo de la categoría que quieras mostrar:

<div class="load-turitop" data-category="CX" data-version="2" data-lang="es" data-embed=
"box" data-datepickeravailability="show"></div>

Preview