Ir al contenido principal

Widget de reservas en tu web

Escrito por Jordi

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 bookings.hotelgest.com/{identificador}

Administrador

Marketplace > Motor de reservasHabilitar / Configurar

Código a copiar

Mismo modal → bloque Widget de búsqueda embebibleCopiar código

URL del motor

Bloque Enlace personalizadoAbrir motor de reservas / Copiar enlace

No hay otro sitio en Configuración para generar el widget: el snippet sale del modal de Marketplace.

Antes de empezar

  • Addon Motor de reservas contratado (plan Hotelgest PMS) o periodo de prueba activo en la propiedad.

  • Integración Motor de reservas Activa en Marketplace.

  • Tipologías con Mostrar en motor de reservas en Configuración > Habitaciones y tipologías.

Activar y configurar en Marketplace

Paso 1: Abre Marketplace

Icono Marketplace en el menú lateral → categoría Otro → tarjeta Motor de reservas.

Paso 2: Habilita la integración

Pulsa Habilitar (o Configurar si ya está activa). Activa el interruptor Activo y ajusta:

  • Color principal y Color secundario

  • Radio del botón (cuadrado, redondeado, redondo, completo)

  • Google Tag Manager (GTM) — opcional

  • Visibilidad de Dirección y Documento en el checkout

  • Hora de llegada — opcional

  • Configuración de pago por política (TPV) — tramos de cobro online

Paso 3: Copia URL y widget

En el mismo modal:

  1. Enlace personalizado — elige idioma y tipologías (opcional) → Copiar enlace o Abrir motor de reservas.

  2. Widget de búsqueda embebibleCopiar código (HTML listo para pegar en tu web).

Paso 4: Guarda

Pulsa Guardar al cerrar el modal de Configuración de integración.

¿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

¿Ha quedado contestada tu pregunta?