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

Este artículo ofrece una visión general de la Experiencia Inmersiva para tu motor de reservas, y cómo puede mejorar la experiencia de navegación en el sitio web para tus posibles huéspedes.

Información importante

  • Ten en cuenta que la Experiencia Inmersiva del Motor de Reservas ha sido diseñada especialmente para la versión Cloudbeds Booking Engine Plus. No es compatible con la versión clásica del Motor de Reservas de Cloudbeds.
  • Algunas herramientas de CMS (Sistema de Gestión de Contenidos) que aíslan scripts personalizados en iframes pueden no ser compatibles con la Experiencia Inmersiva del Motor de Reservas de Cloudbeds.

Cómo se ve en el sitio web de tu propiedad

La Experiencia Inmersiva del Motor de Reservas mejora el sitio web de tu propiedad al incorporar todas las características básicas de navegación de tu Motor de Reservas de Cloudbeds.

Esto resulta en un proceso de reserva sin problemas y sin complicaciones para tus huéspedes:

 

Cómo añadir la Experiencia Inmersiva a tu Motor de Reservas

Cosas importantes que debes saber antes de comenzar  
  • Las siguientes instrucciones sirven como información complementaria para aquellos con un conocimiento profundo de HTML y diseño web en general.
  • Si ya tienes un sitio web, contacta a tu diseñador web o desarrollador web para instalar nuestro motor de reservas ahora. 
  • El Equipo de Soporte de Cloudbeds no ofrece servicios de desarrollo web ni soporte de resolución de problemas. Más información sobre HTML y CSS en general aquí:
Paso 1 - Copiar el código del widget de Experiencia Inmersiva de Cloudbeds PMS  
  1. En la sección del Motor de Reservas, ve a Widgets del Sitio Web
  2. Selecciona el widget Inmersivo
  3. Selecciona y copia el código entre las etiquetas <script> y </script> en la sección de Copiar código. Pega el código al final del body en tu HTML

Información importante

El elemento script idealmente debe ser añadido al final del body, o al menos después del último botón Reservar Ahora.

Paso 2 - Añadir el botón Reservar ahora
  1. En la misma pestaña de Widgets del sitio web, selecciona el widget Inmersivo
  2. Copia el código del Botón de la sección Copiar código (misma sección que en el paso anterior 1)

Nota: Puedes añadir tantos botones “Reservar ahora” como desees; solo requieren el atributo data-be-url con la URL correcta para ser reconocidos como un disparador para abrir la Experiencia Inmersiva del motor de reservas.

 
 
Paso 3 - Personalización (opcional)

Nuestro Equipo de soporte brinda asistencia básica con la implementación del código del sitio web. Tenga en cuenta que cualquier soporte adicional de codificación del sitio web está sujeto a un precio adicional.

El estilo predeterminado del botón es con fondo negro, etiqueta blanca, esquinas redondeadas y sin contorno, pero dado que este botón es un elemento HTML nativo, puede ser estilizado como cualquier otro elemento en su página web, y se puede estilizar usando CSS.

Ver ejemplos a continuación:

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

O utilizando estilos en línea de la siguiente manera:

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

Nota: Si se definen estilos globales para los elementos de botón en el sitio web, estos estilos pueden entrar en conflicto o anular los predeterminados que hemos definido.

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

Comentarios

0 comentarios

El artículo está cerrado para comentarios.