El widget de reservas es un buscador compacto (fechas, ocupación, BUSCAR) que incrustas en la web del alojamiento. Al pulsar BUSCAR, abre el motor de reservas público (bookings.hotelgest.com) con fechas, ocupación y código promocional ya rellenados.
Todo lo relativo al motor — pantalla pública, widget, checkout y confirmación — es el motor de reservas de Hotelgest. Desde Hotelgest PMS solo activas la integración y configuras colores, TPV, GTM y el código del widget en Marketplace.
Dónde está
Quién | Dónde |
Huésped | Widget en tu web corporativa → al buscar, abre |
Administrador | Marketplace > Motor de reservas — tarjeta → Configurar |
Código a copiar | En Configurar integración → pestaña Widget de búsqueda embebible → Copiar código |
URL del motor | En Configurar integración → pestaña Enlace personalizado → Abrir / Copiar enlace (visible tras guardar por primera vez) |
No hay otro sitio en Configuración para generar el widget: el snippet sale de Configurar integración en Marketplace.
Antes de empezar
Addon Motor de reservas contratado (plan Hotelgest PMS) o periodo de prueba activo en la propiedad.
Tipologías con Mostrar en motor de reservas en Configuración > Habitaciones y tipologías.
Pasarela de pago configurada si cobras online (Redsys, MONEI o Paycomet).
La URL del motor y el botón Abrir en la pestaña Enlace personalizado solo aparecen después del primer guardado. Hasta entonces, configura y guarda los datos para que el sistema asigne el identificador a tu propiedad.
Activar y configurar en Marketplace
Paso 1: Abre Marketplace
Icono Marketplace en el menú lateral → categoría Otro → tarjeta Motor de reservas.
Paso 2: Configura la integración
Pulsa Configurar en la tarjeta Motor de reservas. Se abre la ventana Configurar integración.
Activa el toggle ¿Integración activa? Si está desactivada no se enviarán datos para que el motor esté operativo.
Ajusta Color primario, Color secundario, Radio de borde del botón y el resto de opciones del formulario.
Pulsa Guardar.
Tras el primer guardado, el sistema asigna el identificador a tu propiedad y aparece la URL del motor en la pestaña Enlace personalizado.
Paso 3: Copia URL y widget
En la misma ventana, usa las pestañas:
Enlace personalizado — elige idioma y tipo de habitación (opcional) → Copiar enlace o Abrir para previsualizar el motor directo.
Widget de búsqueda embebible → Copiar código (HTML listo para pegar en tu web).
Colores y estilo en el motor
Los campos de color y forma de Marketplace > Motor de reservas definen cómo se ve el motor público en bookings.hotelgest.com y el botón BUSCAR del widget embebible.
Campo en Marketplace | Dónde se ve en el motor / widget |
Color primario | Fondo de botones de acción (BUSCAR en el motor, Reservar, Continuar en checkout), controles +/- de ocupación, barra inferior móvil al reservar y bordes de foco en campos del formulario |
Color secundario | Acentos en la lista de tarifas: borde de la tarifa seleccionada, etiquetas de pack/promoción, iconos de regalo y precios destacados. Si el contraste con fondo blanco es bajo, el PMS muestra el aviso bajo el selector |
Radio de borde del botón | Esquinas de botones (Cuadrado, Redondeado, Completo) y de campos de fecha, ocupación y formulario |
Tras guardar, el motor público aplica esos valores al cargar la búsqueda y las tarifas:
El snippet del widget incluye data-color con el Color primario que configures. Ese valor pinta solo el botón BUSCAR del widget en tu web; el resto del estilo del motor (tarifas, checkout) usa primario y secundario guardados en Marketplace.
¿Qué es data-pcode si no es el número de propiedad del PMS?
El atributo HTML se llama data-pcode, pero el valor es el identificador del motor (identificador del motor): un UUID que Hotelgest PMS asigna al hotel al activar el motor. No es el código numérico de propiedad (pcode) del selector de la cabecera.
Copia siempre el valor que muestra Marketplace en Copiar código — no lo inventes ni uses el pcode numérico.
Instalación en tu web
Pega el snippet antes del cierre de