Hotel Booking & Divi Integration

Home > WordPress Hotel Booking Plugins & Elementor Addons > Hotel Booking & Divi Integration
Divi gives you an awesome website customization toolkit, the Hotel Booking plugin arms you with the best-in-class WordPress hotel booking system, - and this add-on helps you connect the two! With dedicated Divi modules, you’ll add individual property listings, create a powerful property search form, build a directory of accommodations and more - all with simple and user-friendly Divi blocks.
27,765 downloads
Download it for free from wordpress.org. Open source software. Distributed under the terms of the GNU GPL.
Hotel Booking Divi integration new

Divi Hotel Booking Plugin Highlights

This free complimentary extension for the MotoPress WordPress accommodation booking plugin seamlessly integrates with Divi to help you build a stunning hotel website! This is your ultimate Divi booking plugin.

17 Hotel Booking Divi Modules

Simplify your workflow with Hotel Booking shortcodes transformed into handy Divi Builder modules!

Feature specific hotel rooms, a directory of accommodation, booking calendars & forms, and many more content elements that matter to showcasing your rental property.

  1. Availability Calendar
  2. Booking Confirmation
  3. Booking Form
  4. Booking Checkout
  5. Accommodation Rates
  6. Accommodation Listing
  7. Search Availability
  8. Search Results
  9. Accommodation Services
  10. Single Accommodation
  11. Accommodation Type Title
  12. Accommodation Type Featured
  13. Accommodation Type Gallery
  14. Accommodation Type Price
  15. Accommodation Type Content
  16. Accommodation Type Attributes
  17. Accommodation Type Attribute

Dedicated Property Search Form

Easily create custom accommodation search forms in Divi using the Search Availability Form module.

Place the form in the horizontal or vertical layouts and customize the backbone fields, such as arrival, departure, and the number of guests. To edit the appearance of the form, use the ‘Design’ tab of the Divi Builder: change colors, sizes, background, format of the module and more!

Divi Module for Hotel Availability Calendars

Display real-time availability calendar for any property! The calendar showcases a property’s availability, color-coding booked and available dates, as well as highlighting your specific booking rules.

Customize the number of months displayed, optionally show per-night pricing, and enable direct bookings with a convenient date picker.

7 Divi Modules for a Single Listing

Utilize seven dedicated Divi modules from this add-on to craft personalized property presentations.

Design with ease using widgets for titles, featured images, galleries, prices, content, attributes, and more. Achieve the perfect look for each rental by combining the Divi builder settings with individual toolkits for every module.

Create the Rooms & Suites Directory

Display all your rentals in a beautiful directory with just one Divi module.

Choose the appearance for it in the settings panel: opt to display accommodation with images, prices, booking buttons, descriptions, and any other optional details you find suitable. Include or exclude individual properties from the directory and add custom classes for more tailored design.

Unlock Standard Divi Styling Options

Get the most out of the Divi builder to fine-tune design of every element.

This extension to the Hotel Booking plugin unlocks all standard Divi Builder styling options like color picking, fonts adjustment, spaces and borders customization and other tools, just like you do about other Divi modules and sections!

No need for custom CSS code – you’ll go deeper in layouts customization, button styles and colors, spacing, booking forms format, font size, and more with the standard Divi toolkit and WordPress Customizer.

Divi Booking Plugin Tutorials

  1. MotoPress Hotel Booking & Divi Theme Integration Tutorial.
  2. Real-life Websites Built with MotoPress WordPress Hotel Booking Plugin & Divi Builder.

Requirements

To use this Divi booking plugin add-on, the following plugins must be installed and activated:

  1. Divi Page Builder.
  2. MotoPress Hotel Booking Lite or MotoPress Hotel Booking Pro.

How to use the Divi booking plugin?

To add a Divi booking system with MotoPress Hotel Booking, you need to do the following:

  1. Download and install Divi Page Builder.
  2. Download and install MotoPress Hotel Booking Lite or MotoPress Hotel Booking Pro.
  3. Download and install MotoPress Hotel Booking Elementor Integration add-on.
  4. Add properties and configure settings via the MotoPress Hotel Booking plugin.
  5. Open Divi on your website and find the MotoPress Hotel Booking modules.
  6. Drag and drop the needed module to the page and set your preferences via Divi.

Watch Video About How to Build a Hotel Website on Divi

Looking for Beautiful WordPress Hotel Themes?

With any WordPress theme you chose + MotoPress Hotel Booking plugin, your experience of building a hotel or vacation rental website will be smooth and settled.

But with these themes even more than with others – check out our Hotel Booking & Property Rental WordPress Themes, which come with a built-in booking system that’s both powerful and gorgeous out of the box.

More WordPress Hotel Booking Addons

  • With Hotel Booking WooCommerce Payment, your website can integrate a few more advanced payment options than offered originally in the plugin. Guests will be able to choose the most convenient payment method if they don’t want to choose traditional options, such as paying with a credit card or “cash on delivery”;
  • The Hotel Booking Payment Request addon will be in charge of automatic payment requests creating a convenient tracking system of incoming payments.;
  • After the installation of Hotel Booking Reviews, you will be able to display real testimonials from former guests with the option of reviewing your accommodation by different criteria;
  • HB Mailchimp Integration overtakes the control of automatic users subscriptions and allows sending targeted emails to all bookers of your website;
  • Implementing Hotel Booking Notifier – Event-Driven Emails automates the process of sending notifications to users. With the automatic notifier, you will no longer take care of endless email reminders for users before their arrival;
  • Hotel Booking Checkout Fields addon will be useful if you need extra text fields or survey forms as users fill in their checkout forms.

Sell services?

See our plugin for Appointment Booking in Elementor.

Reviews

Average rating is 2.8 out of 5 stars based on 4 reviews.

Add your own review

Hotel Booking & Divi Integration is an open source software that distributed under the terms of the GNU GPL and hosted on wordpress.org.

28 Replies to “Hotel Booking & Divi Integration

  1. Problem: Invisible button on Tablets and smartphones.
    The plugin > Hotel Booking & Divi Integration The ONLY way I can make the button, [Check Availability], located on the bottom left appear is to Deactivate this plugin.
    When I have that plugin ON, The button is there, you can click on that spot and it works, only it is NOT VISIBLE.

    Note: By turning that plugin off, the booking page > https://bouvierbridgervresort.com/accommodation/rv-site-delux/ presents poorly. (Everything is out of lines and frames).

    1. Hi Danny, Thanks for your question. We have submitted a request to you to take a closer look at the issue and help you sort this out.

      1. Did you find a way to fix this, I’m also experiencing this problem. Basically the button is white on mobile, my site background is off white so I can just about see it, but is there a way to modify this

        1. Hi Peter,
          Danny has notified us that he has resolved the issue so we did not have a chance to check it. Feel free to contact our support team to get further assistance.

      1. Hi, you may try to change the background color of the buttons via Appearance > Customize > Button options and save the changes.

  2. Buongiorno,
    I’m trying the plug-in in the free version, integrated in DIVI (version 4.19.4), in WordPress.
    I describe problems and ask if they are solved in the “premium” version.
    Question 1 ———————————————–
    using the “shortcodes”:
    [mphb_search_results orderby=”price” details=off gallery=0″false” view_button=0]
    the “details” option has no effect; the details are always displayed.
    If I use the module integrated in DIVI “HB Search results”, the filter on the details works correctly.
    Is this problem solved in the “Premium” version?
    Question 2 ———————————————–
    The list of accommodation types that is displayed using the “shortcodes”:
    [mphb_search_results], at the beginning it reports a “proposal” for accommodation; how can it be removed?
    Question 3 ———————————————–
    The list of accommodation types that is displayed using the “shortcodes”:
    [mphb_search_results], at the beginning it reports a “proposal” for accommodation; how can it be removed?
    Question 4 ———————————————–
    the display of results ([mphb_search_results] ) does not take into account the number of people set in the “Search Availability” module integrated in DIVI.
    For example, by entering 2 adults and 2 children, an accommodation type with capacity = 3 is also displayed.
    In the premium version, would the accommodation with capacity=3 be displayed?
    Question 5 ———————————————–
    In the “Premium” version it is possible to manage the appearance of what is displayed with the shortcodes : [mphb_search_results] ?
    For example : Grid layout, photo size, etc etc . . . . . with a user editor (no PHP), using variables.
    Question 6 ———————————————–
    The module, integrated with DIVI, “HB Search Results” indicates that the module “is not compatible with the latest version of DIVI.
    In the “Premium” version, is this problem solved?

    1. 1. There is an error in the following value gallery=0″false”. Additionally you should better use quotation marks for each value of the parameter e.g. [mphb_search_results orderby="no" details="no" gallery="no" view_button="no"]
      2. You should use [mphb_rooms] shortcode to show a static list of the accommodation types. The shortcode [mphb_search_results] is dynamic and shows the list of available accommodation types according to the search request made by the search form.
      3. same as 2
      4. this is how the search results work. You may learn more in this article
      5. No, there are no predefined layouts for now. We have created several articles on how to make grid and list view layouts.
      6. All the modules are compatible with Divi. That message means that there is nothing to preview in the editor since the module is dynamic and shows the content depending on the search request only. The shortcode works correctly on the fornt-end so you may ignore those messages.

  3. This plugin is currently unusable. Any time I try to create new pages, edit existing ones, change the theme, and do anything inherently useful, the screen is blank and nothing appears.

    Please fix this, it is the whole reason I chose the hotel booking plugin.

    1. Hi Jordan,
      Please make sure there is enough memory_limit allowed on your server. You may also submit a request to our support team to let us check the configurations of your WordPress site.

    1. Hi Antonio, We did not encounter any incompatibility issues with Divi so far. Feel free to use the add-on and contact us if you have any questions or difficulties with it. We will be happy to assist.

  4. Can you tell please if a new version of this integration plugin will be released or not… At this moment your Divi integration plugin is really poor guys.

    1. Hi Emile, Currently the main feature of the addon is to inherit the design of the theme and add modules of the Hotel Booking plugin to the Divi builder. These were the most requested features so far. You may provide a list of new features with an explanation in your support ticket and I’ll add them to our list of features. Thank you for your collaboration.

  5. Hi Herve, Please download the latest version of the addon from this page and install it to your site over the existing one at Plugins > Add New > Upload. Let me know if it is helpful.

  6. Hello
    Can we modify the design of the page?
    When I open my page, DIVI builder doesn’t show and I can’t find them in my dashboard

    1. Hi Chris,
      Thanks for contacting us. There was a conflict with the latest version of the Divi theme however it has been already fixed by the latest release of the HB Divi Integration addon. We are sorry for the temporary inconvenience.

  7. Hello, we have installed Divi Integration (WP 5.8, Divi 4.10.2 & Divi Integration 1.0.4) but with the visual constructor no HP block is available
    Can help us ? Thanks

    1. Hi Juan,
      Thanks for contacting us, The issue has been fixed by the latest release of the HB Divi Integration addon. We are sorry for the temporary inconvenience.

      1. Hola J Davis estoy valorando comprar Hotel Booking y estoy usando el tema Divi, en unas pruebas que estoy haciendo me dice que no es compatible,y da error, no está actualizado, si lo arreglan compró la membresía

        1. Hi, As far as we know the Divi Integration addon works correctly. It is correct that some modules like the checkout page or search results do not have any preview within the editor since the content of those modules is dynamic and can be previewed only after running a search or confirming the reservation. Let us know if you have faced any other issues and feel free to contact us via the support ticket system.

  8. Hi , when i enable the divi builder for accomodation types my website crash and it gives me an error 502. So i’m not able to give some style to the buttons etc.. This is my first time building a website, am i missing something?

    1. Hi Jean, The styles can be configured via Appearance > Customize when the HB + Divi integration addon is installed and activated. If you face error 502 we recommend you to contact your hosting provider since you might need to increase the memory limit on the server where your site is running.

    1. Hi Hervé,
      Thanks for your question. The main purpose of this addon is to help the Hotel Booking plugin to inherit the styles of Divi theme that are configured via customizer colors, fonts, etc. Additionally, all the shortcodes are transformed into Divi modules so it is easier to add different property listings and forms.

Leave a Reply

Your email address will not be published. Required fields are marked *