Instalación del widget

Una vez configurados tus servicios, el siguiente paso es publicarlos en tu web. A continuación, te explicamos cómo realizar la instalación básica de tu calendario de reservas.

Además, a continuación te comentamos otras opciones de visualización, como botoneras y calendarios múltiples, incluyendo enlaces a sus artículos de ayuda con el paso a paso detallado.

• Widget diario multiservicio: El Widget Diario Multiservicio es una herramienta diseñada para ofrecer una visión global de tu oferta. A diferencia del widget estándar (un único calendario), este formato permite mostrar todos tus servicios disponibles en una sola vista de calendario diario.

• Botonera de servicios y Widget de categorías: Estas opciones te permiten agrupar varios servicios en una sola pantalla para facilitar la navegación de tus clientes.

  • Menú de servicios (Botonera completa): Muestra todos tus servicios activos en un formato de botones.
  • Menú de servicios por categoría: Ideal para mostrar solo un grupo específico de servicios. Esta opción requiere la creación previa de una categoría para asociar únicamente los servicios que deseas mostrar en este widget.
  • Menú global de categorías: Muestra todas tus categorías de servicios creadas.
• Botón de ¡Reserva ya!: Este botón desplegará automáticamente el calendario de reservas para facilitar el proceso de compra.
• Botón de compra de bono regalo: Este botón desplegará automáticamente el calendario del servicio correspondiente, permitiendo al cliente completar el proceso de compra de un bono regalo de forma directa.
• Botón de canjeo de bono regalo: Este botón desplegará automáticamente el calendario del servicio correspondiente, permitiendo al cliente completar el proceso de canjeo de un bono regalo de forma directa.

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. Estos códigos los puedes encontrar dentro de cada servicio en la pestaña Servicios >>> PX >>> Instalación del Widget.

Paso 1: Instala el código global

Primero, copia el "Código Global":

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 del código global al footer de tu página web. Si tu has creado la página web, no tendrás problema en saber qué hacer. Si estás usando un web builder, tiene que haber una manera de añadir código al footer de tu página (consulta la documentación de tu CRM o contacta con su equipo de soporte técnico).

Este script posee varios atributos que puedes cambiar:

• Data-afftag: Este es el atributo que identificará tu etiqueta para afiliados. No es necesario cambiarlo. 
• Data-buttoncolor: Cambia el color del botón del widget por defecto (en caso de que desees que tu widget aparezca como un botón). Puedes cambiarlo a verde, naranja, azul, amarillo, negro o blanco. 

Si quieres usar tus propios diseños para el botón quita el atributo data-buttoncolor (o puedes cambiar su valor a "none") y añade el atributo: data-cssclass="my-button". Cambia "my-button" por tu clase. 

Paso 2: Instala el código del widget

Ejemplo del código:

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

Copia el "Widget code" e inśertalo en la sección de tu preferencia para añadir el widget a tu página web. Cuando la página cargue el widget, éste cargará el calendario.

La mayoría de las páginas web, CRM o gestores de las mismas, cuentan con herramientas que permiten añadir código HTML que luego es renderizado.

Ten en cuenta que es técnicamente imposible enumerar todas las opciones para todos los sistemas y web-builders disponibles en el mercado. Sin embargo, tienes a tu disposición una sección con artículos dedicados a las más famosas. Haz clic aquí.