elementor bookings

MotoPress Hotel Booking & Elementor Integration: Meet New Add-on

We really care about our clients and respect their choice, so for those who have already built their hospitality website with Elementor, we’ve released the new MotoPress extension – Hotel Booking & Elementor Integration. With this addon you can create all necessary pages of your rental property WordPress website.

Meet visual editing on website frontend, a user-friendly shortcode generator, and a drag-and-drop interface. This add-on is absolutely free, so don’t forget to download it and give a try!

Many of you who already use Elementor are familiar with the flexibility of this editor. Integrating all essential shortcodes of the Hotel Booking plugin into Elementor will provide you with a super user-friendly toolkit for editing shortcodes and their parameters, so you don’t need to manually do the job, simply choose preferred options from the drop-down menu in a visual editor.

WordPress plugins to make it work

You need 3 plugins installed to start editing your Hotel Booking powered website with Elementor:

  1. MotoPress Hotel Booking plugin
  2. Elementor Page Builder plugin
  3. Hotel Booking & Elementor Integration extension.

Make sure all of them are installed and activated. Also, add your content via the Hotel Booking plugin first so that your work with shortcodes in Elementor is really quick.

Property booking website with Elementor

To create all necessary pages with Hotel Booking shortcodes via Elementor visual builder, go to a page > edit > edit with Elementor.

In the list of available content modules in Elementor builder you’ll see MotoPress Hotel Booking modules – just scroll down to see the whole list.

hotel booking elements elementor

Search availability widget & property listing

Now simply choose the shortcode you want to add > drag it to the page and customize with a help of the shortcode parameters. First of all, you can create a listing of your properties in clicks:

accommodation types shortcode

 

If you want to put your accommodations into different columns, firstly choose the appropriate number of columns in Elementor layout and then put your accommodation IDs as single properties:

single accommodation shortcode

In the Advanced settings tab, Elementor allows you to tweak the layout like spacing, etc. Overall, it’s much more flexible than the current version of Gutenberg editor.

Editing the shortcode parameters is easy: simply choose which details to show / hide. For example, here are standard settings for the accommodations listing:

  • Property title
  • Featured image
  • Gallery
  • Excerpt
  • Details
  • Price
  • View button
  • Book button
  • Number of properties per page
  • CSS class (if needed)
  • Categories and tags
  • IDs
  • Relation

Moreover, you can add the search availability form module and optionally preset the following values:

  • Number of adults and children
  • Check-in and check-out date

search availability form

System pages – Elementor bookings

There are also several system pages you can set up visually: add shortcodes for the search results, checkout form and a booking confirmation form. Parameters of the search results page are fully customizable, so you can decide what info to show to the guests who search for the lodging.

In addition to standard listing parameters like excerpt, details, price, etc., you can also set the sorting by order or by price.

search results shortcode

Booking form

If you need to place a booking form of any particular accommodation right on the individual accommodation page, you can add a booking form with the accommodation ID so the guests can make a reservation directly from that page.

booking form for single accommodation

Accommodation rates and services

You may also list all available accommodation rates and services with a help of a shortcode (don’t forget to add their content via Accommodation > Rates or Accommodation > Services before adding shortcodes). You’ll need to put the needed accommodation ID (all services and rates should be tied to this accommodation). If there are lots of services, you can even set a number of items per page.

services shortcode

Summing up

Hotel Booking & Elementor Integration free add-on is a perfect utility to speed up and optimize a website building process, especially for non-tech people. Elementor is very quick, neat and flexible WordPress page builder, so you can safely rely on it in building your property booking WordPress website.

Free Download

Using this extension you’ll save a ton of your time and will significantly ease the work of adding and customizing shortcodes. Do you think you’ll be using the plugin? Do you have any idea in mind on how it should be improved? Let us know!

One Reply to “MotoPress Hotel Booking & Elementor Integration: Meet New Add-on”

Leave a Reply

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