January 22, 2024

Hotel Booking & Elementor Integration Plugin

Build your property rental website visually with MotoPress Hotel Booking plugin shortcodes and Elementor.

We tied WordPress Hotel Booking plugin and Elementor together to provide you with a more user-friendly toolkit for building your property rental website. Forget shortcodes, build a hotel website in Elementor!

Thanks to this extension that smoothly integrates both plugins, your Elementor’s widgets panel is enriched with 17 new elements for the hotel site building needs. You’ll be able to add property listings, amenities, rates, image galleries, property booking forms, property directories, availability calendars, and more details about your accommodation visually in the Elementor builder.

17+ Elementor Widgets for Hotel Websites

Craft your ideal booking page with Elementor! This add-on unlocks 17 dedicated Elementor widgets, letting you add and design hotel forms for property search, individual listings, directories, calendars, and more. Customize layouts, fields, and styles in a few clicks, without shortcodes or coding.

Availability Calendar Elementor widget;
Booking Confirmation widget;
Booking Form Elementor widget;
Booking Checkout widget;
Accommodation Rates widget;
Accommodation Listing widget;
Search Availability widget;
Search Results widget;
Accommodation Services widget;
Single Accommodation widget;
Accommodation Type Title widget;
Accommodation Type Featured widget;
Accommodation Type Gallery widget;
Accommodation Type Price widget;
Accommodation Type Content widget;
Accommodation Type Attributes widget;
Accommodation Type Attribute widget.

Powerful Hotel Search Form

Add custom accommodation search forms with ease, using Elementor’s drag-and-drop interface and the dedicated Search Availability Form widget. Add essential fields like arrival, departure, guests, and room type, and tailor the layout of the availability checker to fit your website’s design. Choose between horizontal or vertical form styles, add extra search filters, and fine-tune the form appearance via Elementor.

Live Elementor Booking Calendar & Availability Widget

Showcase real-time booking availability with unlimited calendars. This Elementor widget that ships with the add-on displays a beautiful calendar for any property, highlighting booked and open dates. Choose how many months to show in the calendar, adjust per-day pricing display, and even enable direct bookings with a date picker.

7 Elementor Widgets to Tailor Single Property Pages

Make your individual listings shine! This add-on provides seven dedicated widgets for crafting customized property presentations. Use Elementor widgets for property titles, featured images, galleries, prices, content, attributes, and more. Mix and match, rearrange elements, and personalize styles to create the perfect look for each rental.

Dedicated Widget for Directory of Properties

Present your collection of rentals with just one Elementor booking widget – it lets you build a customizable directory, showcasing properties with or without galleries, prices, booking buttons, descriptions, and details you normally want to show travelers. Choose the perfect layout and tailor the display to match your website’s style.

This extension plugin is forever free – and it requires:

Useful Resources

Discover more tutorials about this Elementor booking plugin.

Popular Addons for Elementor by Stratum

Book your productivity on Elementor with these awesome tools.

Stratum Elementor Widgets: add 20+ powerful and creative Elementor widgets to your site building toolkit.
Stratum Elementor Mega Menu: build content-rich navigation menus in Elementor.

Copyright

Hotel Booking & Elementor Integration plugin, Copyright (C) 2019, MotoPress https://motopress.com/
Hotel Booking & Elementor Integration plugin is distributed under the terms of the GNU GPL.

Installation

Upload the MotoPress plugin to the /wp-content/plugins/ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.

Screenshots

Hotel Booking shortcodes.
Shortcode parameters.

FAQ

How to add a hotel booking widget in Elementor?

Download and install Elementor Page Builder.
Download and install MotoPress Hotel Booking Lite or MotoPress Hotel Booking Pro.
Download and install MotoPress Hotel Booking Elementor Integration add-on.
Add properties and configure settings via the MotoPress Hotel Booking plugin.
Open the website page in Elementor.
Find the MotoPress Hotel Booking category in the widgets list.
Drag and drop the Search Availability widget to the page.
Set your preferences for the booking form.

Changelog

1.2.0, Jan 08 2024

Added Accommodation Type Title widget.
Added Accommodation Type Featured Image widget.
Added Accommodation Type Gallery widget.
Added Accommodation Type Price widget.
Added Accommodation Type Content widget.
Added Accommodation Type Attributes widget.
Added Accommodation Type Attribute widget.

1.1.7, Feb 28 2023

Fixed deprecation notices in Elementor 3.5 and above.

1.1.6, Dec 23 2022

Fixed an issue with displaying widget categories in Elementor.

1.1.5, Oct 7 2022

Added support for displaying prices in the availability calendars.

1.1.4, Nov 23 2021

Security – sanitization and escaping.

1.1.3, May 20 2021

Minor bugfixes and improvements

1.1.2, Feb 24 2021

Added the ability to set horizontal layout of the Booking and Search Availability forms. The Hotel Booking Styles plugin is required for this feature.

1.1.1, Feb 20 2019

Bug fix: improved compatibility with outdated versions of Hotel Booking.

1.1.0, Feb 18 2019

Added sorting parameters to elements.
Added the Availability Calendar element.

1.0.3

Added set of actions to be executed before and after Hotel Booking & Elementor Integration widgets render.

1.0.2, Oct 16 2018

Added the ability to set the attributes for advanced search.

1.0.1, Apr 9 2018

Minor bugfixes and improvements

1.0.0, Apr 6 2018

Initial release