Ir al contenido principal

Cómo instalar el widget del motor de reservas en tu sitio web

Breve guía para generar e integrar el widget de Kunas, permitiendo capturar destino, fechas de estadía y cantidad de huéspedes directamente desde tu página web.

Escrito por Experto Kunas

En Kunas ahora puedes instalar un widget del motor de reservas directamente en tu página web, sin necesidad de usar el antiguo plugin exclusivo para WordPress.

Anteriormente, la instalación se hacía a través del plugin de WordPress. Ese método ya no es necesario. Ahora puedes generar el código del widget desde la siguiente herramienta:

Engine Widget Generator

Este widget permite capturar directamente desde tu sitio web información clave para iniciar una búsqueda de disponibilidad, como:

  • Destino o propiedad

  • Fechas de check-in y check-out

  • Cantidad de huéspedes

  • Tipo de propiedad

  • Idioma

  • Diseño horizontal o vertical

  • Colores y estilos personalizados

  • Redirección al motor de reservas

Paso 1: ingresar al generador del widget

Allí encontrarás el formulario Engine Widget Generator, desde donde podrás configurar el diseño y comportamiento del widget.

Paso 2: configurar los datos principales

Completa los campos básicos del widget:

Property ID
Ingresa el ID de la propiedad o del motor de reservas que deseas conectar.

Language
Selecciona el idioma en el que se mostrará el widget. Por ejemplo:

EN - English

Property type
Selecciona si el widget será para una propiedad individual o para otro tipo de búsqueda disponible.

View
Define si el widget se mostrará en formato horizontal o vertical.

Paso 3: personalizar el diseño

Puedes ajustar los colores y estilos del widget para que se adapten a la identidad visual de tu página web.

Entre las opciones disponibles encontrarás:

Widget background
Color de fondo del widget.

Text color
Color del texto.

Search button background
Color del botón de búsqueda.

Background gradient color
Color del degradado de fondo.

Widget border radius
Bordes redondeados del widget.

Input border radius
Bordes redondeados de los campos de búsqueda.

Button border radius
Bordes redondeados del botón.

Padding del widget
Espaciado interno horizontal y vertical.

Paso 4: configurar opciones adicionales

También puedes activar opciones adicionales según el comportamiento que necesites:

Add children section
Agrega una sección para seleccionar niños.

Add promo section
Permite ingresar códigos promocionales.

Stick to top
Fija el widget en la parte superior.

Stick to bottom
Fija el widget en la parte inferior.

Enable dropdown for guest filter
Activa el selector desplegable para filtrar huéspedes.

Open engine in same tab
Permite abrir el motor de reservas en la misma pestaña.

Open engine in popup
Permite abrir el motor de reservas en una ventana emergente.

Paso 5: agregar el dominio personalizado

En el campo Custom domain, debes ingresar el dominio donde está instalado o conectado tu motor de reservas.

Ejemplo:

https://example.com

Este dominio será usado para redirigir al usuario al motor de reservas después de completar la búsqueda.

Paso 6: generar el código

Una vez configurado el widget, haz clic en el botón Generate.

El sistema generará automáticamente un código en el campo Code.

Este código es el que debes copiar e insertar en tu sitio web.

Paso 7: instalar el código en tu página web

Copia el código generado y pégalo en la sección de tu sitio web donde deseas mostrar el widget.

Puede ser en:

  • Página principal

  • Landing page

  • Página de reservas

  • Sección de disponibilidad

  • Página de una propiedad específica

Si tu sitio web fue desarrollado por un tercero, puedes enviarle este código a tu desarrollador web para que lo instale.

Importante

El antiguo plugin para WordPress ya no es necesario para instalar el widget.

La nueva herramienta permite generar un código más flexible, que puede ser instalado en diferentes tipos de sitios web, no solo en WordPress.

Artículo anterior de referencia:

Recomendación

Antes de publicar el widget de forma definitiva, revisa que:

  • El botón de búsqueda redirija correctamente.

  • Las fechas de check-in y check-out funcionen bien.

  • La cantidad de huéspedes se capture correctamente.

  • El diseño se vea bien en computador y celular.

  • El dominio personalizado esté bien configurado.

Una vez validado esto, el widget quedará listo para recibir búsquedas desde tu sitio web.

¿Ha quedado contestada tu pregunta?