Instalación del widget

Ya has configurado todos tus servicios y estás listo para publicarlos en tu web. En la siguiente sección, te mostraremos cuál es la forma básica para instalar tu calendario de reservas.

Además, tienes las siguientes opciones de instalación:

• Instalar los servicios por medio del plugin de Wordpress
• Añadir un botón de ¡Reserva ya!
• Añadir un botón de compra de bono regalo
• Añadir un botón de canjeo de bono regalo
• Instalar el widget diario - multiservicio
• Instalar una categoría con todos tus servicios
• Instalar una categoría de servicios 

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).

Tienes a tu disposición una gran variedad de tutoriales de instalación para los CRM más famosos del mercado en esta sección de tu Centro de Ayuda TuriTop. 

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í.