Widgets del motor de reservas de Cloudbeds para su sitio web

Este artículo ofrece una descripción general de los 5 widgets prediseñados del motor de reservas de Cloudbeds para su sitio web. Además, explica cómo instalar el widget que prefiera en su sitio web existente según las necesidades de su propiedad.

Para añadir widgets, se requiere un conocimiento mínimo de HTML. Asegúrese de no cometer errores al agregarlos.

Información general

Un widget es un elemento que se puede agregar a su sitio web y se muestra como una barra de búsqueda o un botón de búsqueda. Esto permite a los huéspedes potenciales reservar una habitación en el motor de reservas de Cloudbeds directamente desde su sitio web. Obtenga más información sobre los diferentes tipos de widgets dentro del PMS de Cloudbeds a continuación.

Tipos de widgets en el PMS de Cloudbeds (vista previa)

Superpuesto

Una vez que haya agregado el código del widget Superpuesto, se mostrará un botón para Reservar ahora en su sitio web. Cuando los huéspedes potenciales hagan clic en él, se superpondrá un calendario grande en el sitio web donde podrán seleccionar las fechas deseadas:

Cómo añadir widgets del motor de reservas a su sitio web

Paso 1. Acceda a la sección de widgets y confirme la configuración
  1. En el menú de su Cuenta, vaya a la página Configuración y haga clic en Motor de reservas.
  2. Haga clic en Widgets en la página web.
  3. Elija el idioma predeterminado para el widget (inglés, portugués o español). Si desea que el widget intente detectar el idioma que usa el huésped en su navegador, seleccione Detectado por navegador. Si el widget no puede detectar un idioma compatible, se cargará en el idioma predeterminado de la propiedad.
  4. Seleccione uno de los 5 widgets prediseñados para obtener una vista previa de cada opción. Al seleccionar un tipo de widget específico, se le proporcionará el código único correspondiente.
  5. Confirme si desea abrir la página de reservas en una nueva ventana.
     
Paso 2. Copie el código y genere una vista previa del widget
  1. Copie el código completo que se muestra en la sección Copie y pegue el siguiente código en su sitio web.
  2. Vaya a su sitio web (herramienta o página de creación de sitios web). Dependiendo del widget que seleccione, deberá pegar el código del widget en un elemento div/div. Si seleccionó el widget Tope de página, pegue el código justo antes de la etiqueta de cierre del cuerpo o closing body tag de su sitio web.

Debido a que el equipo de Cloudbeds no tiene acceso a su sitio web, no puede realizar esta acción por usted. Si necesita pegar el código del widget en su sitio web, comuníquese con el diseñador de su sitio web o con el equipo de soporte correspondiente.

Opción avanzada: cree su propio widget personalizado a partir del motor de reservas de Cloudbeds

El equipo de Cloudbeds no ofrece asistencia para crear widgets personalizados. Le recomendamos que se comunique con el desarrollador o diseñador de su sitio web para obtener asistencia al momento de crear un widget personalizado a partir del motor de reservas.

  • Esta es una opción avanzada que permite a los usuarios familiarizados con el desarrollo de sitios web crear su propio widget. La diferencia entre los siguientes ejemplos es el formato de fecha.
  • En este caso, se reemplazarían los widgets prediseñados, pero también podrían complementar otros métodos dependiendo de cómo los diseñe. Le recomendamos que siempre tenga un enlace en su sitio web que diga Reservar o Reservas.

Para formato de fecha internacional:

form method="post" action="https://hotels.cloudbeds.com/reservas/dEF4YR"
  input type="hidden" name="date_format" value="d/m/Y"
  input type="text" name="widget_date" value="24/08/2015" /
  input type="text" name="widget_date_to" value="25/08/2015" /
/form

Para formato de fecha de Estados Unidos:

form method="post" action="https://hotels.cloudbeds.com/reservas/dEF4YR"
  input type="hidden" name="date_format" value="m/d/Y"
  input type="text" name="widget_date" value="08/24/2015" /
  input type="text" name="widget_date_to" value="08/25/2015" /
/form

Para formato de fecha ISO:

form method="post" action="https://hotels.cloudbeds.com/reservas/dEF4YR"
  input type="hidden" name="date_format" value="Y-m-d"
  input type="text" name="widget_date" value="08/24/2015" /
  input type="text" name="widget_date_to" value="08/25/2015" /
/form

El siguiente código debe guardarse en el sitio web de la propiedad donde se almacene el estilo o styling del sitio web. Si el widget se pega en un iframe, se debe guardar el siguiente estilo justo después del script del widget:

<style>
.widgetHotelsForm .horizontal-widget a {
background: #007d8a!important;
border-color: #007d8a!important;
top: 5px;
}
.CloudBedsDatePicker.pika-single .is-selected .pika-button {
background: #007D8A !important;
}
.CloudBedsDatePicker.pika-single .is-today .pika-button:hover {
background: #007D8A !important;
font-weight: bold;
}
.CloudBedsDatePicker .pika-button:hover {
background: #888;
}
</style>
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 9 de 28

Comentarios

0 comentarios

Inicie sesión para dejar un comentario.