Reserva de hotel de MotoPress es uno de los mejores complementos de reserva 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 reserva de hotel con Divi es posible gracias al complemento Reserva de hotel e integración con Divi de MotoPress .
Usando la versión gratuita o premium de Reserva de hotel, es fácil agregar una función de reserva de hotel a cualquier sitio web de Divi y diseñarlo 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 en los diseños de Divi .
Aquí hay un vistazo a los complementos de integración Divi de reserva de hotel.
Reserva de hotel ligera
La versión Lite de Reserva de hotel 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ínimos y máximos, 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 integración con PayPal. Para este artículo, usaré la versión Lite.
Reserva de hotel profesional
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 Divi
Hotel Booking & Divi Integration es un complemento gratuito que agrega nuevos módulos a 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 alojamiento único, 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 cómo se ve.
Uso de la integración de reserva de hotel y 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. Son páginas que utiliza el motor de reservas de hoteles para transacciones, etc., por lo que te recomiendo que las crees. 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 abreviado que le dice al sistema de reservas qué páginas usar para proporcionar información. Estas páginas se usarían si no estuviera usando Divi Builder. Prefiero crearlos con un solo clic y luego personalizar cada uno con Divi. Esto le dice exactamente qué páginas necesita construir.
Por supuesto, también puede usar los códigos abreviados de estas páginas dentro de otros diseños, pero no los necesitará gracias a los módulos Divi Builder.
Aquí hay un ejemplo de la página de alojamiento. Agrega el título y el shortcode para mostrarlos. Muestra el control deslizante de imágenes destacadas, la galería e información sobre cada uno. He añadido el widget a la barra lateral para mostrar los tipos de alojamiento.
Módulos Divi
Se agregan nuevos módulos al Divi Builder. Incluyen:
- Lista
- Tarifas
- Servicios de alojamiento
- Formulario de reserva
- Buscar disponibilidad
- alojamiento individual
Estos módulos le permiten crear páginas completas con Divi o agregar características individuales dentro de los diseños de Divi.
Ejemplos de módulos Divi
Recreé el mismo diseño que la página de Alojamiento usando Divi Builder. Agregué la barra lateral solo para que coincida.
El resultado es muy parecido. Por supuesto, ahora podemos jugar con las opciones de estilo y diseño.
Los módulos le dan 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 mostrar uno por página por fecha en orden ascendente. La página ya está más limpia y fácil de usar. He eliminado la descripción y el botón de reserva. La imagen destacada es un control deslizante con controles. Dado que he limitado la cantidad de alojamientos que puede mostrar, automáticamente agrega paginación.
Aquí, he vuelto a agregar el extracto y los detalles, y estoy diseñando el texto en la pestaña Diseño usando el generador de interfaz. He agregado 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 alojamiento. 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 en función de la identificación. Incluye las mismas características que el módulo de lista para deshabilitar o diseñar cualquiera de los elementos.
El módulo Buscar disponibilidad permite a sus visitantes buscar según 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 valor predeterminado. Agregué una sombra de cuadro para que se destaque 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 izquierda 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 configuré 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 ID. 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 la reserva de hotel en los diseños de 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 inmuebles, Blog de viajes y Bed and Breakfast. Estoy usando Bed and Breakfast (y, gracias a escribir este artículo, ahora quiero comenzar una cama y desayuno).
En este ejemplo, eliminé los anuncios publicitarios 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 izquierdo. He dejado la configuración por defecto.
En este ejemplo, reemplacé el video incrustado con la galería debajo con un módulo Lista de alojamiento. Lo configuré para mostrar uno, pero incluye paginación si desea ver más. He deshabilitado 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
La integración de reservas de hotel y Divi es fácil de configurar y usar. Nunca necesité leer las instrucciones, pero incluyen una publicación de blog detallada para guiarlo si desea leerlo. Me gusta usar Divi Builder para todas las páginas que crea Hotel Booking.
Es posible agregar códigos abreviados para los elementos, incluso dentro de Divi Builder, pero las opciones de diseño aún son limitadas, lo que se resuelve utilizando 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 desea.
MotoPress tiene varios temas de alquiler de hoteles y propiedades disponibles para WordPress. Me gustaría ver algunos diseños Divi agregados a la lista. Elegant Themes ya tiene varios diseños que funcionan muy bien para hoteles y tipos de bed and breakfast de negocios de alquiler, por lo que usar Reserva de hotel e Integración Divi se siente natural.
Si crea sitios web de hoteles y alquileres con Divi, entonces necesita la integración de reservas de hoteles con Divi. Recomiendo encarecidamente usar incluso la versión gratuita del complemento de reserva de hotel junto con el complemento de integración de reserva de hotel y Divi. Ahora tengo que ir a planificar mi B&B.
Queremos escuchar de ti. ¿Has probado la integración de reservas de hotel y Divi? Háganos saber lo que piensa al respecto en los comentarios a continuación.
Imagen destacada a través de Sira Anamwong / shutterstock.com