Widget diario multiservicio

Hasta ahora, hemos estado proporcionándote dos maneras de implementar tu sistema de reservas TuriTop en tu sitio web, de una manera que te permite agregar tu calendario directamente a cualquier página web, y la segunda que te permite agregar un botón, por lo que el calendario se carga con un Lightbox. Básicamente, estas son dos formas de ver la misma caja de reserva.

Hemos desarrollado una tercera vista para sus servicios, ¡el Widget Diario Multiservicio! Con esto puedes agregar un widget a su sitio web que muestra todos los servicios que están disponibles para 1 día. Ahora tus clientes pueden ver todos los servicios que tiene para el día con todas las horas en que están disponibles y elegir la que están más interesados en.

  

Ten en cuenta: Por el momento el Widget Diario Multiservicio SOLO funciona con servicios de tour

Instalación

Para instalar el widget diario de tu software de reservas, siga estas instrucciones:

Paso 1: Instala el script

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

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

Cambia D1 por tu propio ID de TuriTop (lo encontrarás en la esquina superior derecha del panel de control de tu sistema de reservas TuriTop)

Paso 2. Instala el código

Instale el código del Widget diario (abajo) en la parte de su sitio web donde desea que se muestre:

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

Tienes que asegurarte de que data-service="all" esté correcto. El "es" en el código representa el idioma en el que aparecerá el widget. Puede cambiarlo al idioma que elija.


Daily widget de unos servicios determinados

Si quieres usar el daily widget y no mostrar todos los servicios, sino sólo los que te interese, deberás seguir estos pasos:

  1. Ir a la pestaña categorías y crear una nueva categoría con los servicios que te interesen.
  2. Copiar el código de la categoría que te aparezca (C1, C2,C3, etc)
  3. Cambiar data-service por data-category y cambiar "all" por el código de la categoría, "C3" por ejemplo.

Ejemplo:

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

Instalación mediante iframe

También tienes la opción de instalar un iframe en el código de tu página web, pero nosotros recomendamos que instales el código que te dejamos arriba. Si eliges instalar el iframe, el código es éste: 

<iframe frameborder="0" width="700px" height="550px" src="https://app.turitop.com/booking/daily/D1/es"></iframe>

 Recuerda cambiar el ID de tu compañía (D1).

También puedes encontrar el código en tu panel de control, si vas a la pestaña de Categorías

Advertencia: Recuerda dejar espacio suficiente para que el iframe se muestre correctamente.

 

¡Échale un vistazo a esta nueva widget y piensa si te gustaría instalarla en tu página web!