Lo más destacado del complemento Divi: reserva de hotel e integración Divi

Hotel Booking de MotoPress es uno de los complementos de reserva más populares para WordPress. Se integra bien con Divi, pero como complemento independiente, no aprovecha Divi Builder y sus características de diseño. La integración de Divi de reserva de hotel es posible mediante el uso del complemento Hotel Booking & Divi Integration de MotoPress.

Con la versión gratuita o premium de Hotel Booking, es fácil agregar una función de reserva de hotel a cualquier sitio web de Divi y darle estilo con Divi Builder. En este artículo, veremos los diversos complementos y opciones, veremos cómo funcionan con Divi Builder y veremos qué tan bien se integran con los diseños de Divi.

Complementos de reserva de hotel

Aquí hay un vistazo a los complementos de integración de Divi de reserva de hotel.

Reserva de hotel Lite

La versión Lite de Hotel Booking es gratuita. Es un complemento de alquiler de propiedades creado específicamente para empresas de alojamiento. Puede manejar habitaciones ilimitadas, proporciona detalles de propiedades, búsqueda inteligente, variables ilimitadas para tarifas, períodos de estadía mínima y máxima, servicios adicionales gratuitos o de pago, cupones, impuestos, múltiples alojamientos por huésped y mucho más.

También incluye múltiples monedas, localización, códigos cortos y widgets. Tiene todo lo que necesita para comenzar con la administración de propiedades e incluye la integración de PayPal. Para este artículo, usaré la versión Lite.

Reserva de hotel Pro

La versión Pro agrega más pasarelas de pago, sincronización automática con OTA (calendarios de intercambio), la capacidad de agregar reservas desde el backend, precios variables según la cantidad de huéspedes y noches de estadía y otras opciones, y actualizaciones y soporte prioritarios.

Reserva de hotel e integración de Divi

Hotel Booking & Divi Integration es un complemento gratuito que agrega nuevos módulos al Divi Builder para que pueda crear las páginas de reserva y diseñarlas con Divi. Los módulos permiten a Divi diseñar y mostrar los alojamientos como listas, como un único alojamiento, servicios, formularios, búsquedas, etc. Incluye funciones para habilitar o deshabilitar prácticamente todos los elementos para que pueda personalizar cómo se muestran. El estilo con los módulos Divi funciona igual que cualquier módulo, por lo que tiene un control total sobre su apariencia.

Uso de la reserva de hotel y la integración de Divi

Nuevas páginas predeterminadas de reserva de hotel

Una vez que instale el complemento de reserva de hotel, verá un mensaje para instalar páginas. Estas son páginas que utiliza el motor de reservas de hoteles para transacciones, etc., por lo que te recomiendo que las crees. Haga clic en el botón.

Se agregan ocho nuevas páginas publicadas a su instalación de WordPress. Estas páginas contienen el título y un código corto que le dice al sistema de reservas qué páginas utilizar para proporcionar información. Estas páginas se utilizarían si no estuviera utilizando Divi Builder. Prefiero crearlos con un solo clic y luego personalizar cada uno con Divi. Esto le dice exactamente qué páginas necesita crear.

Por supuesto, también puede usar los códigos cortos de estas páginas dentro de otros diseños, pero no los necesitará gracias a los módulos Divi Builder.

A continuación, se muestra un ejemplo de la página de alojamientos. Agrega el título y el shortcode para mostrarlos. Muestra el control deslizante de la imagen destacada, la galería y la información sobre cada uno. Agregué el widget a la barra lateral para mostrar los tipos de alojamiento.

Módulos Divi

Se agregan nuevos módulos a Divi Builder. Incluyen:

• Lista
• Tarifas
• Servicios de acompañamiento
• Formulario de reserva
• Disponibilidad de búsqueda
• Acompañamiento individual

Estos módulos le permiten crear páginas completas con Divi o agregar funciones individuales dentro de los diseños de Divi.

Ejemplos de módulos Divi

He recreado el mismo diseño que la página de Adaptaciones usando Divi Builder. Agregué la barra lateral solo para que coincida.

El resultado es muy similar. Por supuesto, ahora podemos jugar con las opciones de diseño y diseño.

Los módulos le dan un control total sobre lo que se muestra.

Incluye muchas personalizaciones para que puedas controlar elementos como categorías, etiquetas, clasificación, ordenar por, el número a mostrar en una página, etc. Incluso tiene una opción de relación lógica para ayudar a decidir taxonomías cuando hay más de una.

Lo configuré para que muestre uno por página por fecha en orden ascendente. La página ya está más limpia y es más fácil de usar. He eliminado la descripción y el botón de reserva. La imagen destacada es un control deslizante con controles. Como limité la cantidad de adaptaciones que puede mostrar, agrega automáticamente la paginación.

Aquí, agregué el extracto y los detalles nuevamente, y estoy diseñando el texto en la pestaña Diseño usando el generador de frontend. Agregué una sombra de caja con algo de relleno.

También puede especificar qué alojamiento se mostrará en función de las identificaciones. En este ejemplo, he creado un nuevo diseño con dos módulos de Lista de alojamientos. Cada uno muestra una identificación específica. Incluyen sombra de caja y espaciado.

El módulo Alojamiento individual le permite mostrar cualquier alojamiento que desee según su identificación. Incluye las mismas características que el módulo de lista para deshabilitar o aplicar estilo a cualquiera de los elementos.

El módulo de disponibilidad de búsqueda permite a sus visitantes buscar en función de la fecha de entrada, la fecha de salida, la cantidad de adultos y la cantidad de niños. Puede establecer los límites y agregar atributos. Incluye tres diseños. Este es el predeterminado. Agregué una sombra de caja para que se distinga del fondo.

Este es el diseño del centro horizontal. Esto funcionaría muy bien como una sección propia dentro de una página de destino. Horizontal Left tiene el mismo aspecto, pero coloca el cuadro de búsqueda a la izquierda. En este ejemplo, agregué un borde, cambié el color de fondo, cambié el color de la fuente y establecí las fuentes del título del campo en mayúsculas.

El módulo Servicios de alojamiento muestra todos los servicios o servicios específicos basados ​​en identificaciones. Incluye todas las mismas características de diseño a las que estamos acostumbrados. Sin una identificación, mostrará todos los servicios en una lista. Agregar la ID significa que puede colocar cualquier servicio en cualquier lugar y mostrar múltiples servicios en cualquier diseño utilizando múltiples módulos.

Integración de reservas de hotel en diseños Divi

Cualquiera de los diseños de Divi se puede personalizar para crear un sitio web de hotel, pero hay algunos que funcionan perfectamente sin muchos cambios, como Bienes raíces, Blog de viajes y Alojamiento y desayuno. Estoy usando Bed and Breakfast (y, gracias a escribir este artículo, ahora quiero comenzar un Bed and Breakfast).

En este ejemplo, eliminé los anuncios y el botón y agregué el módulo Disponibilidad de búsqueda al área principal de la página de destino. Está usando el diseño horizontal a la izquierda. Dejé la configuración por defecto.

En este ejemplo, reemplacé el video incrustado con la galería debajo de él con un módulo de Lista de alojamientos. Lo configuré para que muestre uno, pero incluye paginación si desea ver más. He desactivado la mayor parte del texto, pero muestra el botón de detalles.

Se ve casi exactamente igual que la sección original en este diseño, pero ahora podemos elegir habitaciones o alojamientos específicos para mostrarlos y cambiarlos simplemente pegando su ID. La paginación también ayuda a proporcionar más información en el mismo espacio.

Pensamientos finales

Hotel Booking & Divi Integration es fácil de configurar y usar. Nunca necesité leer las instrucciones, pero sí incluyen una publicación de blog detallada para guiarte a través de ella si quieres leerla. Me gusta usar Divi Builder para todas las páginas que crea Hotel Booking.

Es posible agregar códigos cortos para los elementos, incluso dentro del Divi Builder, pero las opciones de diseño aún son limitadas, lo cual se resuelve usando los módulos Divi. El uso de Divi Builder hace que sea mucho más fácil crear un estilo único para sus páginas y es fácil agregar los elementos exactos dentro de los diseños que desee.

MotoPress tiene varios temas de alquiler de hoteles y propiedades disponibles para WordPress. Me gustaría ver algunos diseños de Divi agregados a la lista. Elegant Themes ya tiene varios diseños que funcionan muy bien para hoteles y tipos de negocios de alquiler de bed and breakfast, por lo que usar Hotel Booking & Divi Integration se siente natural.

Si crea sitios web de hoteles y alquileres con Divi, entonces necesita la integración de Divi de reservas de hotel. Recomiendo encarecidamente usar incluso la versión gratuita del complemento Hotel Booking junto con el complemento Hotel Booking & Divi Integration. Ahora tengo que planificar mi B&B.

Queremos escuchar de ti. ¿Ha probado Hotel Booking & Divi Integration? Háganos saber lo que piensa al respecto en los comentarios a continuación.

Imagen destacada a través de Sira Anamwong / shutterstock.com