Incorpora el motor de reservas de Cloudbeds a tu sitio web (para una experiencia inmersiva)

Este artículo presenta información general de la experiencia inmersiva de tu motor de reservas y la forma en que optimiza la experiencia de navegación de los huéspedes en tu sitio web.

Información importante

  • Recuerda que la experiencia inmersiva del motor de reservas ha sido diseñada específicamente para la versión Plus del motor de reservas de Cloudbeds. No es compatible con la versión clásica del motor de reservas de Cloudbeds.
  • Algunas herramientas del CMS (Sistema de gestión de contenido) que personalizan los scripts del iframe no son compatibles con la experiencia inmersiva del motor de reservas de Cloudbeds.

Como se ve en el sitio web de tu propiedad

La experiencia inmersiva del motor de reservas optimiza el sitio web de tu propiedad al incorporar todas las funciones básicas de navegación de tu motor de reservas de Cloudbeds.

El resultado es un proceso de reserva impecable y sin complicaciones para tus huéspedes.

 

Como agregar la experiencia inmersiva a tu motor de reservas

Lo que debes saber antes de empezar
  • Las siguientes instrucciones son información adicional para quienes tienen conocimiento avanzado de HTML y de diseño web en general.
  • Si ya tienes un sitio web, contacta a tu diseñador o desarrollador web para que instale allí nuestro motor de reservas.
  • Recuerda que el equipo de soporte de Cloudbeds no ofrece servicios de desarrollo web o de solución de errores. Encuentra aquí más información general sobre HTML y CSS:
Paso 1. Agrega el script del motor de reservas inmersivo

Agrega este tag de script a tu sitio web al final del código HTML para integrarlo con la experiencia inmersiva del motor de reservas:

<script
 type="text/javascript"
 src="https://static1.cloudbeds.com/booking-engine-immersive-experience/latest/cloudbeds-immersive-experience.js"
></script>
Haz clic para copiarlo. 

Si prefieres usar el script JS minimizado, puedes agregar este otro script:

<script
 type="text/javascript"
 src="https://static1.cloudbeds.com/booking-engine-immersive-experience/latest/cloudbeds-immersive-experience.min.js"
></script>
Haz clic para copiarlo. 
Paso 2. Agrega el botón Reservar ahora

Agrega este botón a tu sitio web (el código se encuentra abajo) para que la experiencia inmersiva de tu motor de reservas se abra cuando las visitas hagan clic en tu sitio web. Recuerda pegar tu ID del motor de reservas en la sección indicada (esta información se encuentra en el enlace a tu motor de reservas, en la pestaña Resumen en el PMS de Cloudbeds).

<button data-be-url="https://hotels.cloudbeds.com/reservation/Tu ID del motor de Reservas">
 Reservar ahora
</button>	
Haz clic para copiarlo. 

Nota: Puedes agregar todos los botones de Reservar ahora que quieras. Sólo deben tener el atributo data-be-url con la URL correcta para que se reconozcan como activadores que abren la experiencia inmersiva del motor de reservas.

Paso 3. Personalización (opcional)

Nuestro equipo de soporte ofrece asistencia básica en la implementación del código en el sitio web. Por favor recuerda que el soporte adicional para el uso de códigos en el sitio web puede estar sujeto a precios adicionales.

El estilo predeterminado del botón es fondo negro, texto blanco, esquinas redondeadas y sin contorno, pero dado que es un elemento nativo de HTML, se puede modificar como todos los demás elementos en tu sitio web. Además, se puede modificar usando CSS.

Estos son algunos ejemplos:

<button
 class="mi-clase-css"
 data-be-url="https://hotels.cloudbeds.com/reservation/code"
>
 Reservar ahora
</button>
Haz clic para copiarlo. 

O usa estilos en línea de esta manera:

<button
 data-be-url="https://hotels.cloudbeds.com/reservation/code"
 style="background-color: green;"
>
 Reservar ahora
</button>
Haz clic para copiarlo. 

Nota: Si los estilos globales de los elementos de botones se definen en el sitio web, los estilos pueden crear conflictos o anular los estilos predeterminados que hemos definido.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 5 de 9

Comentarios

0 comentarios

El artículo está cerrado para comentarios.