MotoPress

<p>Implement a scalable property management & booking system with the expert MotoPress <a href="https://motopress.com/products/hotel-booking/?utm_source=divi-hb-integration&utm_medium=pro-link-in-description" rel="nofollow ugc">WordPress Hotel Booking plugin</a>.</p>
<ul>
<li><a href="https://hbdemo.getmotopress.com/" rel="nofollow ugc">Hotel Booking Plugin Demo</a> with the Dashboard access.</li>
<li><a href="https://www.youtube.com/watch?v=Tyiw91WJX5o" rel="nofollow ugc">Video Overview</a>.</li>
<li><a href="https://www.youtube.com/playlist?list=PLbDImkyrISyKQccIsVDp98UXLIc1Yc3mn" rel="nofollow ugc">30+ Video Guides</a>.</li>
</ul>
<p>This joint Divi booking plugin is designed to help you tweak the styling and content generated with the Hotel Booking plugin via a familiar and user-friendly Divi Builder interface.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Tyiw91WJX5o?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>17 Divi Modules for Booking Forms & Property Listings</h3>
<p>Use a powerful suite of Divi modules to add a step-by-step mobile-friendly hotel booking form, showcase hotel rooms, extra services, availability calendars, property rates, and more informative widgets for your hotel.</p>
<ul>
<li>Availability Calendar module;</li>
<li>Booking Confirmation module;</li>
<li>Booking Form module;</li>
<li>Booking Checkout module;</li>
<li>Accommodation Rates module;</li>
<li>Accommodation Listing module;</li>
<li>Search Availability module;</li>
<li>Search Results module;</li>
<li>Accommodation Services module;</li>
<li>Single Accommodation module;</li>
<li>Accommodation Type Title module;</li>
<li>Accommodation Type Featured Image module;</li>
<li>Accommodation Type Gallery module;</li>
<li>Accommodation Type Price module;</li>
<li>Accommodation Type Content module;</li>
<li>Accommodation Type Attributes module;</li>
<li>Accommodation Type Attribute module;</li>
</ul>
<h3>Hotel Booking Form Module</h3>
<p>Craft custom hotel search forms with ease, tailored to your specific needs with a single Divi module. Add extra fields, customize the size, colors, typography and other settings to build a stylish hotel booking form. Make your form vertical or horizontal in clicks!</p>
<h3>Room Availability Calendar Module</h3>
<p>Use a dedicated Divi module to place an individual availability calendar to any page, display available and blocked dates, per-night cost or rates, and seamlessly enable direct bookings from the calendar.</p>
<h3>7 Modules for Single Property Presentation</h3>
<p>This add-on comes with a suite of modules designed to beautifully showcase individual listings, where you can add, delete or move elements used to build your listing! Include dedicated widgets for images, pricing, descriptions, book buttons, rates and more.</p>
<h3>Customization, Styles, Colors etc.</h3>
<p>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. The Hotel Booking & Divi Integration plugin adds twelve major Hotel Booking modules to the Divi Builder, while the system page shortcodes are left up to the theme styling.</p>
<p>Here is a detailed guide how to implement a <a href="https://motopress.com/blog/divi-theme-hotel-booking-wordpress/?utm_source=wp-org-divi-addon-page&utm_medium=text-link" rel="nofollow ugc">reservation and property management system into the Divi</a> theme.</p>
<h3>Requirements</h3>
<ul>
<li>Divi theme.</li>
<li><a href="https://wordpress.org/plugins/motopress-hotel-booking-lite/" rel="ugc">MotoPress Hotel Booking Lite</a> or <a href="https://motopress.com/products/hotel-booking/?utm_source=divi-hb-integration&utm_medium=pro-link-in-description" rel="nofollow ugc">MotoPress Hotel Booking Pro</a> (<a href="https://motopress.com/motopress-wordpress-hotel-booking-pro-vs-lite/?utm_source=divi-hb-integration&utm_medium=link-in-description" rel="nofollow ugc">Comparison Table</a>).</li>
</ul>
<h3>Fully functional hotel themes</h3>
<p>Check out our <a href="https://motopress.com/products/category/hotel-rental-wordpress-themes/?utm_source=wp-org&utm_medium=hotel-themes&utm_campaign=hotel-booking-divi-integration&utm_content=wordpress-hotel-themes" rel="nofollow ugc">Hotel Booking & Property Rental WordPress Themes</a> where the booking plugin is included for free.</p>
<h3>Appointments & hourly bookings</h3>
<p>Offer event and appointment reservations on your rental property site with our <a href="https://motopress.com/products/appointment-booking/?utm_source=wp_org_hb_divi_page&utm_medium=text_link&utm_campaign=appointment_plugin" rel="nofollow ugc">WordPress Appointment Booking </a> plugin.</p>
<h3>Copyright</h3>
<p>MotoPress Hotel Booking for Divi plugin, Copyright (C) 2019, MotoPress https://motopress.com/<br />
MotoPress Hotel Booking for Divi plugin is distributed under the terms of the GNU GPL.</p>


MotoPress Hotel Booking for Divi

Integrates Divi theme with the MotoPress Hotel Booking plugin to modify content and styles visually via Divi builder.

Divi Candy

<p>At <strong>Divi Candy</strong> we think Divi is the best WordPress theme. This is why our divi plugins extend the Divi Builder capabilities to make it even greater.</p>
<p>Our first plugin is <strong>Responsive Divi Candy</strong>, a super lightweight plugin that helps you master rows & columns layouts with Divi. Fully compatible with the last version of the Divi Builder.</p>
<p>📌 How it works</p>
<p>First, activate the wordpress plugin (no other configuration needed!). It will integrate directly into the Divi Builder.</p>
<h4>Choose the number of Columns</h4>
<p>With Divi you cannot choose if you want to have two, three or four columns side-by-side on mobile or tablet… Not anymore! You can now choose the number of columns that stack side-by-side on mobile and tablet directly into the Divi Builder.</p>
<ol>
<li>Open up your Divi Builder and edit a Row. Go to the Advanced tab in the Rows Settings.</li>
<li>Toggle the option “CSS ID & Classes”.</li>
<li>Here you will see two new options called <strong>Number of Columns on Tablet</strong> and <strong>Number of Columns on Mobile</strong>.</li>
<li>You can now choose from the dropdown list how many columns do you want to have on mobile and tablet.</li>
<li><strong>That’s all</strong>. Congratulations!</li>
</ol>
<h4>Set Column stacking order</h4>
<p>With Divi you cannot choose if you want to change the column stacking order on mobile or tablet… Not anymore! You can now choose which column will be the first and which one will be the second on mobile and tablet. No need to change your design layout or duplicate it just for mobile and tablet directly into the Divi Builder.</p>
<ol>
<li>Open up your Divi Builder and edit a Row. Go to the Advanced tab in the Rows Settings.</li>
<li>Toggle the option “CSS ID & Classes”.</li>
<li>Here you will see two new options called <strong>Stacking Order on Tablet</strong> and <strong>Stacking Order on Mobile</strong>. You can choose to activate just for Tablets or Mobiles or both.</li>
<li>After that, go to the Content tab in the Rows Settings, and go inside the first Colums Settings by clicking the gear icon.</li>
<li>Go to the Advanced tab in the Columns Settings.</li>
<li>Toggle the option “CSS ID & Classes”.</li>
<li>Here you will see two new options called <strong>Stacking Order on Tablet</strong> and <strong>Stacking Order on Mobile</strong>.</li>
<li>You can now choose from the dropdown list the stacking order (from 1 to 6) on mobile and tablet.</li>
<li>You need to assign an order to EACH column!</li>
<li><strong>That’s all</strong>. Congratulations!</li>
</ol>
<p>🍬 Divi Candy</p>
<p>Check out the <a href="https://divicandy.com/responsive/" rel="nofollow ugc">Plugin website</a> for more information and documentation.</p>
<h4>Divi’s new candies</h4>
<p>We will make your candy! Tell us what you can not do with Divi Page Builder and we will try to make a new Candy. For more information check out our website at <a href="https://divicandy.com/" rel="nofollow ugc">Divi Candy</a>.</p>


Responsive Divi Candy

A super lightweight divi plugin that extends Divi with exclusives custom responsive options for mobile and tablet.

MotoPress Hotel Booking for Divi vs Responsive Divi Candy