📌 Este artículo responde a las siguientes preguntas:
- ¿Cómo crear y configurar un widget (motor de reservas) en elloha?
- ¿Cómo integro mi motor de reservas en mi página web externa?
- ¿Cómo elegir entre el formato «Integral», «Botón-Enlace» o «Calendario»?
- ¿Cómo activo el seguimiento de Google Analytics o Facebook Pixel en mi widget?
¿Por qué es importante?
El motor de reservas (widget) no es solo un simple botón: es tu mejor aliado comercial. Al instalarlo en tu página web, ofreces una experiencia fluida a tus clientes, ahorras un tiempo precioso al automatizar las confirmaciones y, sobre todo, aumentas tus ventas directas sin comisiones.
Sigue las instrucciones paso a paso
Paso 1: Accede a la gestión de los motores de reservas (widgets)
Para configurar la integración de tu motor de reservas en tu página web, sigue estos pasos:
En el menú lateral izquierdo de tu pantalla, haz clic en «Distribución».
A continuación, haz clic en la pestaña «Motores de reserva».
Esta página te permite:
Crear nuevos widgets adaptados a tu página web.
Ver la lista de tus widgets existentes.
Modificar la configuración de un widget ya creado.
📌 Es bueno saberlo: Este espacio es imprescindible para vincular tu calendario y tus tarifas directamente a tu página web mediante la integración del motor de reservas.
Paso 2: Crea tu widget
Haz clic en «Añadir un widget» para configurar el motor de reservas en uno de los tres formatos disponibles:
Completo: el motor completo se muestra directamente en tu página para que tus clientes lo vean nada más llegar.
Botón – Enlace: se integra un botón «Reservar» en tu menú o en tus llamadas a la acción y abre el motor al hacer clic el usuario.
Calendario: se muestra en primer lugar tu calendario de disponibilidad para destacar las fechas libres.
❗️Importante: La suscripción Basic permite crear un único widget. Sin embargo, si activas tu página web Basic, aparecerá un segundo widget que corresponde al que está integrado en la página.
Introduce la siguiente información:
Nombre del widget: Asigna un nombre a tu widget para poder identificarlo fácilmente. Esto puede resultar útil si utilizas varios widgets en diferentes sitios web o páginas.
Idioma del motor de reservas: Elige el idioma en el que se mostrará tu motor de forma predeterminada. Esto permite adaptar la experiencia de reserva a tu clientela, especialmente si recibes visitantes extranjeros.
(El usuario puede cambiar el idioma directamente desde el motor de reservas mientras navega).URL de la página de retorno: Indica la página a la que se redirigirá a tus clientes tras realizar la reserva o si vuelven atrás.
Le recomendamos que indique la dirección de su página de inicio o de una página específica.
Enlace a su política de privacidad: También puede añadir un enlace a su página de política de uso y privacidad para informar a sus clientes sobre el uso de sus datos personales.
Selecciona los productos que deseas publicar en tu motor
En el campo «¿Qué productos desea publicar?», seleccione las ofertas a las que podrán acceder sus clientes al realizar la reserva:
Mostrar todo: se muestran todos sus alojamientos y servicios disponibles.
Limitar la visualización: la visualización se restringe a categorías específicas, como las tarjetas regalo o los productos de conserjería.
💡 Consejo: Esta configuración te permite ofrecer un motor de reservas específico, por ejemplo, si deseas dedicar una página de tu sitio web exclusivamente a la venta de tus tarjetas regalo.
Elige las ofertas que quieres mostrar en tu motor de reservas
El campo «Mostrar ofertas» te permite definir con precisión los servicios que deseas que sean visibles en tu motor de reservas.
Hay dos opciones disponibles:
Todos mis alojamientos: para mostrar automáticamente todo tu catálogo.
Selección específica: para elegir manualmente los alojamientos, actividades o servicios que deseas destacar en tu web.
💡 Consejo: Esta selección te permite adaptar la visualización de tu motor de reservas en función de tu estrategia comercial o de la estacionalidad.
📌 Es bueno saberlo: puedes reutilizar el mismo widget en varias páginas o en diferentes sitios web.
Esto te permite integrar fácilmente tu motor de reservas en diferentes lugares (página de inicio, página dedicada, web asociada) sin tener que volver a crearlo.
❗️Importante: Política de privacidad
Una política de privacidad es un documento que explica qué datos personales se recogen, por qué y cómo se utilizan y protegen.
Permite informar a los usuarios de forma clara y transparente sobre el uso de su información, así como sobre sus derechos (acceso, modificación, supresión), en particular de acuerdo con normativas como el RGPD.
En resumen, sirve para garantizar la transparencia y la protección de los datos personales.
Paso 3: Define la información obligatoria para realizar una reserva
El motor de reservas solicita automáticamente cierta información: el nombre y los apellidos del participante principal, la dirección de correo electrónico y el número de teléfono.
En la sección «Campos obligatorios para reservar», puedes seleccionar la información adicional que tus clientes deberán proporcionar al realizar la reserva.
En concreto, puede activar los siguientes campos:
Dirección
Código postal
Ciudad
Nombre de los participantes
Esta información permite realizar el seguimiento de la reserva y facilitar la comunicación con sus clientes.
Paso 4: Activa la opción «Opt-in» (opcional)
La activación de la opción «Opt-in» le permite solicitar el consentimiento de sus clientes para recibir sus comunicaciones por correo electrónico.
Se añade una casilla de selección en su motor de reservas en el momento de la validación.
Tus clientes eligen si aceptan o no recibir tus comunicaciones comerciales (ofertas, eventos y promociones).
De este modo, podrás crear una base de contactos cualificada y reutilizable para tus futuras acciones de marketing (recordatorios, ofertas especiales, fidelización).
📌 Es bueno saberlo: Se recomienda el uso del «opt-in» para garantizar que su base de datos cumpla con la normativa sobre protección de datos (RGPD).
Paso 5: Configurar tus herramientas de seguimiento y análisis
Para analizar el recorrido de tus clientes y el origen de tus reservas, puedes integrar tus herramientas de seguimiento directamente en el widget.
En la sección «Seguimiento de mis reservas», puedes integrar diferentes herramientas de análisis que te ayudarán a realizar un seguimiento de las acciones de tus visitantes y de las reservas generadas.
En concreto, puedes añadir:
Tu código de Google Analytics 4
Tu píxel de Facebook
Scripts adicionales
Paso 6: Configurar la visualización de tu widget
Selecciona el formato de publicación de tu motor en la esquina superior derecha de la pantalla entre las tres opciones disponibles:
Completo
Completo
El motor completo se muestra directamente en tu página para que tus clientes lo vean nada más llegar.
Botón – Enlace
Botón – Enlace
Se integra un botón «Reservar» en tu menú o en tus llamadas a la acción, y abre el motor al hacer clic el usuario.
Calendario
Calendario
Tu calendario de disponibilidad se muestra en primer plano para destacar las fechas libres.
💡 Consejo: Elige el formato del widget en función de la ergonomía de tu página web y del proceso de compra que quieras ofrecer a tus clientes.
Paso 7: Personaliza el aspecto de tu widget
Personaliza tu widget para crear un motor de reservas a tu medida y permitir que tus futuros clientes reserven fácilmente.
Puedes modificar:
el color del módulo
el color de los textos y los iconos
el nivel de transparencia
el redondeo de las esquinas
el estilo de los campos
También puedes mostrar un enlace a tus tarjetas o cheques regalo.
💡 Consejos
- Utiliza texto oscuro sobre fondo claro: por ejemplo, texto negro sobre fondo blanco (código hexadecimal #FFFFFF) o texto claro sobre fondo oscuro: asegúrate de que el color de la fuente elegido contraste claramente con el color de fondo.
-
El uso de códigos hexadecimales (o de la paleta de colores) precisos garantiza un contraste marcado.
Paso 8: Integra tu motor de reservas en tu página web
Tu motor de reservas ya está listo; dispones de tres métodos para ponerlo en línea y sacarle partido:
Copiar el enlace: para compartirlo por correo electrónico, SMS o insertarlo detrás de un botón de acción en tu página web o redes sociales
Copiar el script (widget): consiste en copiar un código para integrar (embed) tu motor directamente en las páginas de tu sitio web.
Código QR: descarga un código QR para escanearlo y utilizarlo en tus soportes impresos (folletos, tarjetas de visita o folletos de bienvenida)
Paso 9: Guarda tu widget
Confirma y finaliza la configuración de tu widget haciendo clic en «Guardar».
💡 Recordatorio: Asegúrate de que tus tarifas y tu agenda estén actualizadas antes de publicar el widget en tu página web.