Hotel Booking & Elementor Integration

Home > WordPress Hotel Booking Plugins & Elementor Addons > Hotel Booking & Elementor Integration
Build a stunning hotel website on Elementor! This free extension to the MotoPress Hotel Booking plugin allows you to add property listings, amenities, rates, image galleries, property booking forms, and more details about your hotel to your website visually in the Elementor builder. Trusted by 10,000+ hoteliers, performance-optimized, and easy to use.
Download it for free from Open source software. Distributed under the terms of the GNU GPL.
Hotel booking Elementor integration new

Elementor Hotel Booking Plugin Highlights

Drag & drop your way to a beautiful and functional hotel website with Elementor! We tied the MotoPress WordPress room booking plugin and Elementor page builder together to provide you with a more user-friendly and convenient toolkit for building your property rental website, code-free.

Elementor Hotel Booking Widgets17 Dedicated Hotel Widgets for Elementor

What does the Hotel Booking & Elementor Integration add-on provide?

It smoothly adds a dedicated MotoPress Hotel Booking category with 17 elements to the Elementor’s widgets panel. You’ll find widgets for adding a property booking form, individual property listings, directory of accommodation, individual availability calendars, bookable extras, and other unique content elements!

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

Every widget comes with a range of settings to help you customize the look and design of every piece of content.

Elementor Hotel Booking FormCustomizable Property Booking Form

Arrival, departure, the number of guests, room types – these are the common property search form fields travelers start with. With this add-on, you can add this form to any part of your website with a single drag-and-drop action!

In clicks, make the search form horizontal or vertical, add extra search fields, or even customize basic appearance elements with the Elementor toolkit.

Elementor Availability CalendarAvailability Calendar Booking Elementor Widget

Want to display a real-time availability calendar with booked and available days for a single property? Our Elementor calendar widget does just that!

In the widget settings, choose how many months you want to show, display per-day prices in the calendar with or without the currency signs, and even enable direct bookings right from the calendar.

Elementor Hotel Booking Property7 Elementor Widgets for a Single Property Listing

With a special focus on design capabilities for a single property, the add-on provides you with seven awesome widgets. They allow you to customize the appearance of an individual rental according to your preferences. Utilize the Property Title, Featured Image, Gallery, Price, Content, Attributes, and Attribute widgets to achieve the desired look.

Add & remove widgets, rearrange elements, and play with column layouts until you’re thrilled. Personalize backgrounds, colors, and more with default Elementor capabilities. You can even build personalized layouts for different properties!

Elementor Hotel Booking OptionsCustomizable Directory of Properties

Whether you’re showcasing dozens of properties or just a few, our dedicated booking Elementor widget for Accommodation types allows you to create your ideal directory presentation with a few settings.

Customize the widget to create a directory with or without image galleries, display or hide costs, display a book button, add text descriptions, and more.

Elementor Hotel Booking WebsiteBoosted Website Editing Workflow

Boost your rental website editing speed with MotoPress & Elementor’s visual interface.

MotoPress Hotel Booking and Elementor Integration plugin will significantly speed up the process of editing your renting property website, providing a more seamless editing experience for non-tech people.

Hotel WordPress Themes Created with Elementor

Get a theme with the power of the Elementor booking plugin!


Free WordPress Hotel Theme


Hotel Website Template


Property Rental Wordpress Theme


Single Property WordPress Theme


WordPress Apartment Booking Theme


Watch Video About How to Build a Hotel Website on Elementor

More WordPress Hotel Booking Addons

In case your main page builder is not Elementor but Divi, MotoPress provides a similar free addon for Hotel Booking & Divi Integration. On top of that, our team offers you to discover other enriching Hotel Booking addons, in particular:

  • Hotel Booking WooCommerce Payments – extend the number of payment options. Let your guests discover the perks of extended payment gateways alongside the traditional cash-on-delivery and credit card.
  • Hotel Booking Payment Request – implements automatic payment requests and ensures a convenient tracking system of incoming payments.
  • Hotel Booking Reviews – helps to display real user-generated reviews by different criteria, which adds up another “trust channel” for potential guests.
  • HB Mailchimp Integration – takes care of users’ automatic subscriptions to your website targeted emails as they make their reservations.
  • Hotel Booking Notifier – Event-Driven Emails – automates the procedure of sending notifications. You will no longer need to send email reminders before or after the arrival of guests.
  • Hotel Booking Checkout Fields – adds extra text fields or survey forms for the purpose of collecting necessary data out of a checkout form.

Sell services?

See our plugin for Appointment Booking in Elementor.


Average rating is 4.3 out of 5 stars based on 6 reviews.

Add your own review

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

20 Replies to “Hotel Booking & Elementor Integration

  1. I have an issue that I cant access Elementor to edit and it shows all images on accomodations page, I have disabled the hotel booking Elementor integration and these problems go away. What’s causing this to happen? I have disabled all other plugins its just this one that is making this issue happen.

    1. Hi Nathaniel, Thanks for your question. We could not replicate the issue locally. Please contact our support team to get this sorted out.

  2. Hello. After I installed and activated plugin, I cant see accommodation tab in dashbard menu. So, it looks like plugin is not activated. Do you know what is the problem?

    Thank you in advance.

    1. Hello Ivan, This plugin is an extension for the base plugin Hotel Booking. All the booking functionality is configured using this main plugin while the Elementor Integration addon allows you to add widgets of the Hotel Booking plugin using Elementor builder.

  3. I uploaded the new hotel booking plugin and the elementor plugin and I can’t edit my pages, it just sits and spins

    1. Hi David, is your question related to Hotel Booking plugin or to Elemento Integration? What other form do you mean?

      1. I’m having the same problem with pet boarding. If they choose 5 days @ $40/day it should calculate $200 but it shows $160 how do we fix that?

        1. Hi Barbara,
          The plugin allows per night reservation so the day of check-out is not charged. The 5-night stay will look like this August 5 (day of check-in), August 6, August 7, August 8, August 9, August 10 (day of checkout that is not paid).

  4. Can you add for elementor plugin the possibility of having the search availability form also horizontally as for divi builder (horizontal center, horizontal left)?

    It would be very useful, thanks.

    1. Hello Gabriele,
      You can add a search availability form via a shortcode, but it is not possible to style it. The shortcode cannot be styled in Elementor. However, in one of the nearest plugin updates, we are planning to add a style option of the horizontal layout in the search availability form.
      For now, you can only specify a custom class and edit CSS.
      Here is also the article that may be useful.

  5. How to update tax added in calculations while booking with this plugin?
    I have added tax 18% but it is not updated in total cost while booking. Please help.

    1. Hi,
      When you need to add Tax 18% for the total amount you need to add 18% tax for accommodation, tax for services and tax for fees. Thus there tax will be applied properly.

    1. Hi Charly,
      This is an extension for base plugin – Hotel Booking. Hotel Booking plugin is an independent solution for listing and renting the properties out. It does not require WooCommerce to complete reservations with payments. There are such payment gateways available by default: Stripe, PayPal, 2Checkout, Braintree, Beanstream, Pay on Arrival/Bank Transfer.
      If you need to integrate some payment gateway from WooCommerce you may purchase additionally HB WooCommerce addon

Leave a Reply

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

Frequently Asked Questions

What do I need to use this Hotel Booking Elementor add-on?

To use this add-on, the following plugins must be installed and activated:
  1. Elementor Page Builder.
  2. MotoPress Hotel Booking Lite or MotoPress Hotel Booking Pro.

What are free hotel themes for Elementor?

Albatross is a free premium-inspired design created with Elementor. Choose from beautifully pre-designed list and grid layouts for your property directory, perfectly tuned to work with Hotel Booking powered widgets.

How to add a hotel booking widget in Elementor?

To add an Elementor booking system, you need to do the following:
  1. Download and install Elementor 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 the website page in Elementor.
  6. Find the MotoPress Hotel Booking category in the widgets list.
  7. Drag and drop the Search Availability widget to the page.
  8. Set your preferences for the booking form.