¿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.
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"
pordata-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>
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
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.