Utiliza el widget de reservas de Lodgify en un sitio web externo

Puedes usar el Widget de Reservas de Lodgify para integrar el motor de reservas de Lodgify en un sitio web externo. Para ello, ofrecemos varias opciones: un Cuadro de búsqueda, y un Cuadro de reserva.

La opción de Cuadro de búsqueda es nuestra opción recomendada, ya que es la única que puede integrar sin problemas el flujo de reservas en tu sitio web externo. De esta manera, el huésped nunca sabrá que ha abandonado tu sitio web externo.

💡 Nota: Los widgets de Lodgify son compatibles con las versiones estándar de WordPress, Squarespace y Wix. Las variaciones en el diseño y el tema pueden afectar la compatibilidad. Para preguntas sobre integración, por favor contacta a tu desarrollador o proveedor de creador de sitios web.

Leer sobre: 

• Opciones de widgets disponibles
• Generar el código de inserción
• Integrar el Cuadro de búsqueda en tu sitio web externo
• Integrar el Cuadro de búsqueda en Wordpress
• Recursos relacionados

Opciones de widgets disponibles

Lodgify ofrece 2 opciones diferentes para vincular el sistema de reservas de Lodgify a un sitio web externo. 

💡 Nota: Las versiones antiguas de los widgets aún están disponibles aquí, pero se descontinuarán próximamente. Para obtener más información, consulta el final del artículo.

Generar el código de inserción

Puedes usar los dos widgets en tu sitio web externo si ofreces solo un alojamiento (no importa si este alojamiento tiene tipos de habitación o no). Cuando el huésped hace clic en el botón de reservar, será redirigido directamente a tu página de Salida de Lodgify donde pueden seleccionar el tipo de habitación en caso de que tengas uno. Para generar e insertar el código del widget externo, sigue estos pasos:

1. Ve al menú de la izquierda y selecciona Creador web.
2. Ahora ve a Widgets externos.
   
   
3. En Tipo de widget, elige en el menú desplegable si quieres crear un Cuadro de reserva o un Cuadro de búsqueda.

4. Podrás elegir:

   • Mostrar u ocultar el menú desplegable de ubicación en el widget (el menú desplegable de ubicación solo se aplica al Cuadro de búsqueda),

   • Mostrar u ocultar el desglose del número de huéspedes,
   • Mostrar u ocultar el precio base en los anuncios del alojamiento (solo se aplica al Cuadro de reserva),
   • Si quieres activar las actualizaciones automáticas para tu widget, para que se apliquen automáticamente las mejoras de producto y correcciones de errores,

   • El diseño del widget.

     

5. Aquí tienes algunos ajustes para el Cuadro de reserva:

   • Puedes elegir si mostrar el precio "desde" en el widget antes de seleccionar las fechas.
   • Puedes elegir una moneda fija para mostrar a todos los invitados en el widget o ajustar la moneda según la dirección IP de tus invitados.
     
   • Si tienes varios alojamientos y quieres usar un Cuadro de reserva necesitas crear un widget para cada alojamiento específico o crear un botón en tu sitio web externo que enlace a tu página de Todas las propiedades.

6. Selecciona el alojamiento, idioma que quieres usar en el widget y luego Generar código.

7. Verás un área de código con dos entradas de código. Primero, copia y pega el primer código donde deseas integrarlo. Luego, añade el segundo código justo debajo del primero.
   
   Aquí tienes algunas instrucciones según los diferentes escenarios posibles:

   • Para añadir varios widgets en la misma página: copia y pega el primer código para cada widget que deseas añadir, luego añade el segundo código una vez.
   • Para añadir widgets en páginas separadas de tu sitio web: para cada página, copia y pega el primer código seguido del segundo código.
   • Para añadir diferentes opciones de widgets en la misma página (por ejemplo, un cuadro de reserva y un cuadro de búsqueda): copia y pega tanto el primer código como el segundo código para cada opción de widget en la misma página.

    

8.  

Integrar el Cuadro de búsqueda en tu sitio web externo

La barra de búsqueda es la opción recomendada si tienes varios alojamientos en tu sitio web. Integrar sin interrupciones el Cuadro de búsqueda en tu sitio web externo significa que puedes conectar Lodgify a un subdominio de tu sitio web externo (por ejemplo, search.tudominio.com o booking.tudominio.com). De esta manera, las páginas del proceso de reserva aparecerán bajo tu subdominio y los huéspedes no tendrán la impresión de que son redirigidos a otro sitio web, sino que realizan todo el proceso de reserva en tu sitio web externo.
💡 Nota: La opción de integración sin interrupciones es mejor para sitios web con varios alojamientos porque, en sitios web de alojamiento único, el botón de búsqueda siempre redirigirá automáticamente a la página de Salida.

Para configurarlo, necesitas completar 4 pasos:

• Genera el código de inserción para integrar el widget del Cuadro de búsqueda en tu sitio web externo
• Crea un subdominio en tu proveedor de dominio
• Enlaza el subdominio a tu cuenta de Lodgify
• Rellena una URL de logotipo personalizado
  •  

Genera el código de inserción para el widget del Cuadro de búsqueda

Para generar el código de inserción, sigue estos pasos:

1. Ve al menú de la izquierda y selecciona Creador web.
2. Ahora ve a Widgets externos.
   
   
3. En Tipo de Widget, selecciona Cuadro de búsqueda en el menú desplegable y elige el idioma.
4. Ahora puedes seleccionar si quieres que el widget se abra en una nueva ventana o en la misma ventana, y seleccionar el color del botón de búsqueda.
   💡 Nota: Si quieres insertar el widget en un sitio web WIX, debes seleccionar la opción Abrir en nueva pestaña, ya que, de lo contrario, el widget no funcionará correctamente en WIX.
5. Luego, Generar código de inserción / Generar código, copia el código Javascript en tu portapapeles e insértalo en tu sitio web externo (generalmente en algún tipo de Widget HTML).
   💡 Nota:  Las configuraciones de sitios web externos pueden variar, sin embargo, en la mayoría de los casos, el widget del Cuadro de búsqueda funcionará sin ninguna configuración adicional al pegar el código generado en un widget de código de tu creador de sitios web externo.
   
   1.  

Crear un subdominio

Si quieres que tu proceso de reserva aparezca bajo un subdominio, debes configurarlo con tu proveedor de dominio. 

1. Ve a tu proveedor de dominio y entra en la sección DNS de tu cuenta.
2. Ahí puedes crear un subdominio.
3. Ahora configura los dos Registros A de tu subdominio. Descubre qué A-Records necesitas añadir en este artículo.
   💡 Nota: El nombre de los Registros A debe ser el subdominio en el que quieres que aparezca el flujo de reserva. Por ejemplo, si el flujo de reserva debe aparecer en booking.tudominio.com, establece el nombre de los Registros A en "booking".
   1.  

Enlaza el subdominio a tu sitio web de Lodgify

Una vez que hayas configurado el subdominio en tu proveedor de dominio, debes enlazarlo a tu sitio web de Lodgify. 

1. En Lodgify, ve al menú de la izquierda y selecciona Creador web.
2. Ahora selecciona Ajustes.
3. Selecciona la pestaña  Dominio y haz clic en Enlazar el dominio existente.
4. Aparecerá una nueva ventana emergente donde debes rellenar el nombre de tu subdominio y marcar la casilla que indica que estás enlazando un subdominio.
   

Rellena una URL de logotipo personalizado

Una vez que los huéspedes hagan clic en el botón de búsqueda, serán redirigidos a tu página de Todas las propiedades en Lodgify (o a la página de Salida si solo tienes un alojamiento). Para hacer la integración lo más fluida posible, quieres asegurarte de que cuando un huésped haga clic en el logotipo o en cualquiera de los elementos del menú desde la página de Todas las propiedades/Check-out, sean redirigidos a tu sitio web externo

Para hacerlo, sigue estos pasos:

1. En Lodgify, ve al menú de la izquierda y selecciona Creador web.
2. Ahora selecciona Estilos
3. Desplázate hasta el final y haz clic en Logo.
   
4. Luego, desplázate hasta el final, en URL del logo añade el enlace a la página principal de tu sitio web externo.

💡 Nota: Debes configurar la barra de menú exactamente como está en tu sitio web externo. Simplemente ve a la configuración de páginas de tu creador de sitios web y crea un enlace para cada elemento del menú que conduzca a la página correspondiente en tu sitio web externo. Aprende cómo crear un enlace en tu menú de Lodgify.

💡 Nota: Puedes usar CSS para que el aspecto de tu menú de Lodgify coincida con el de tu sitio web externo. Aprende más sobre el código personalizado en Lodgify.

Integrar el Cuadro de búsqueda en Wordpress

Puedes añadir fácilmente el widget de cuadro de búsqueda a tu sitio web de WordPress utilizando el plugin de Lodgify. Una vez configurado, puedes añadirlo rápida y fácilmente en múltiples ubicaciones de tu sitio.

Para integrar el widget de cuadro de búsqueda en WordPress con el plugin de Lodgify, sigue estos pasos:

1. Inicia sesión en tu cuenta de WordPress y navega a Plugins.
2. Busca Lodgify y selecciona el plugin Booking Engine by Lodgify:
3. En tu cuenta de Lodgify, ve al menú de la izquierda y selecciona Creador web.
4. Ahora ve a Widgets externos.
   
   
5. En Tipo de widget, elige Cuadro de búsqueda.
6. A continuación, genera el código, copia el código JavaScript y pégalo en la página del plugin en WordPress. Luego haz clic en Guardar.
7. Para añadir el plugin a una página específica, ve a tus páginas de WordPress, edita la página donde quieres que aparezca el plugin, y cuando añadas un nuevo bloque, verás el plugin listado como Lodgify Search Widget: