Instalar un botón de reserva

En este tutorial te enseñaremos a instalar el botón "Reserva ya". Una vez configurado, cuando tus clientes hagan clic en él, se desplegará automáticamente el calendario de reservas para facilitar el proceso de compra.

Paso 1: Instalar el Código Global

En primer lugar, deberás instalar el código global en el pie de página (footer) de tu sitio web. Puedes localizar este código dentro del panel de control en cualquier servicio, en la pestaña Servicios >>> PX (Servicio concreto) >>> Instalación. Te recomendamos consultar nuestra guía detallada sobre la instalación del widget en este enlace.

Paso 2: Configuración e instalación del Código del Widget

A continuación, podrás utilizar el código del widget que encontrarás en el servicio deseado, dentro de la pestaña Servicios >>> PX (Servicio concreto) >>> Instalación.

Para localizar el código específico de cada servicio en tu panel de TuriTop, te recomendamos consultar el siguiente tutorial, donde encontrarás los pasos detallados.

Para que el calendario se comporte como un botón, deberás realizar dos pequeñas modificaciones en el código:

• Cambiar el formato: Modifica el atributo data-embed="box" por data-embed="button".
• Personalizar el texto: Cambia el texto predeterminado por el que prefieras (por ejemplo: "Reserva ya").

Aquí tienes un ejemplo de cómo debería quedar el código:

<div class="load-turitop" data-service="P1" data-lang="es" data-embed="button">¡Reserva aquí!</div>

El botón tendría el siguiente aspecto: 

Adicionalmente, puedes personalizar el diseño de tu botón de reserva utilizando la clase CSS load-turitop en la pestaña Diseño. Para más información sobre la personalización de calendarios y botones desde la pestaña Diseño puedes consultar este artículo.