Manual de integración del motor de reservas WuBook en una página web
Este documento explica las diferentes formas de integrar el motor de reservas de WuBook en una página web. La integración permite a los visitantes consultar disponibilidad y realizar reservas directamente desde la web del alojamiento. WuBook ofrece varias opciones de integración que se adaptan a diferentes tipos de sitios web y niveles de personalización.
Puedes ver ejemplos de funcionamiento en la demo oficial: https://wubook.net/wbkd/demo/#the-multi-widget
Opciones de integración disponibles
Existen cinco formas principales de integrar el motor de reservas en una página web:
- Multi-Widget (opción recomendada)
- Widget estándar
- Integración mediante iframe
- Personalización avanzada para desarrolladores
- Botón simple de reserva
El Multi-Widget es la opción recomendada para integrar el buscador de disponibilidad en la web. Este widget permite mostrar en una sola interfaz:
- Selector de fechas de entrada y salida
- Número de huéspedes
- Botón de búsqueda de disponibilidad
- Diferentes bloques de información configurables
El diseño es responsive, lo que significa que se adapta automáticamente al tamaño de pantalla de ordenadores, tablets y móviles.
Cómo configurarlo
- Acceder al constructor del widget.
- Seleccionar los elementos que se desean mostrar en el buscador.
- La herramienta generará automáticamente un fragmento de código HTML.
- Copiar ese código e insertarlo en la página web donde se quiera mostrar el buscador.
Constructor del Multi-Widget: https://es.wubook.net/wor/
Una vez insertado en la página, el widget se ajustará automáticamente al ancho del contenedor en el que se encuentre.
El widget estándar ofrece una integración sencilla del motor de reservas con una configuración básica predefinida. El proceso de integración es similar al del Multi-Widget:
- Acceder al configurador.
- Ajustar las opciones disponibles.
- Copiar el código generado por la herramienta.
- Insertarlo en la página web.
Este widget también se adapta automáticamente al diseño del sitio.
Otra opción consiste en mostrar el motor de reservas completo dentro de una página del sitio web mediante un iframe. Esta opción puede ser útil cuando:
- La web tiene restricciones para utilizar scripts externos.
- Se desea mostrar el motor de reservas completo dentro de una página específica del sitio.
Herramienta para generar el iframe: https://wubook.net/wif/
4. Personalización avanzada
Para proyectos web que requieren un mayor nivel de personalización, WuBook ofrece documentación técnica destinada a desarrolladores. Esta opción permite integrar el motor de reservas con mayor control sobre:
- El diseño visual
- El comportamiento dentro de la página
- La integración con el resto del sitio web
Documentación técnica: https://tdocs.wubook.net/ord.html
5. Botón simple de reserva
Si se desea una solución rápida, es posible añadir simplemente un botón o enlace de reserva que redirija directamente al motor de reservas de WuBook. Esta opción es útil cuando:
- Se quiere una integración muy rápida.
- El sitio web es sencillo.
- No se desea añadir widgets o elementos adicionales.
El botón redirige al usuario directamente al motor de reservas para completar la reserva.
Recomendaciones de colocación en la web
Para mejorar la conversión de reservas, se recomienda colocar el acceso al motor de reservas en lugares visibles del sitio web. Ubicaciones recomendadas:
- Página principal (home)
- Menú principal del sitio
- Página específica de “Reservas”
- Cabecera o sección destacada de la página
Esto facilita que los usuarios encuentren rápidamente el sistema de reservas.
Problemas comunes y soluciones
El widget no aparece en la página.
- El código no se ha insertado correctamente.
- El CMS o constructor web bloquea scripts externos.
- La página no se ha actualizado después de insertar el código.
Solución:
- Revisar la inserción del código.
- Limpiar la caché del sitio web.
- Verificar que la página esté publicada correctamente.
El widget no se adapta correctamente al diseño.
- Revisar el contenedor donde se ha colocado.
- Verificar que el ancho del contenedor sea adaptable.
El botón o enlace de reserva no funciona
- Enlace incorrecto.
- Error al copiar el enlace del motor de reservas.
Solución:
- Verificar que el enlace corresponde al motor de reservas de la propiedad correcta.
Recomendación final
Para la mayoría de los sitios web se recomienda utilizar el Multi-Widget, ya que ofrece:
- Una mejor experiencia de usuario
- Mayor flexibilidad de diseño
- Integración optimizada para dispositivos móviles
