Elementor Booking System For Holiday Rentals

Add sophisticated availability calendars, rate cards, booking form, enquiry forms and facility widgets to your website with a single line of code.

Turn your Elementor site into a holiday booking engine

Embed Bookalet’s availability and booking widget into your holiday rental Elementor created website and allow visitors to instantly check your property’s price and availability. Guests can book their stay directly on your website using the Elementor booking widget and pay online.

Copy your Bookalet widget embed code

Firstly you will need to copy the embed code of the widget you would like to show on your website, this can be done by logging in to your Bookalet account and navigating to ( Publish Widgets ) here you will see a list of widgets that you can deploy to your website.

Once you have chosen the widget you would like to add to your site, you will need to choose ( All Properties or a Single Property ) depending on what you would like to show and if you have mulitlple properties in your Bookalet account or not.

Then highlight the Embed Code and copy it to your clipboard   

Embed code the Bookalet widget on your Elementor site

Login to your WordPress site and navigate to your chosen page you would like your availability calendar and booking form to appear or create a new page and then click (Edit with Elementor)

Once Elementor has loaded you can then start to edit the page by clicking the round (+) plus icon

You will then be asked to choose the structure of the page by selecting the number of columns you require for this section 

How to embed our widgets in your Elementor Site

Once the structure has been selected you can add a Bookalet widget in your chosen column using the HTML elements.

Type HTML in the search bar above the elements list to narrow the field down to see the HTML option, you may see one or two options depending on your configuration, either option will be OK to use.

Simply drag the element to the section you would like it to appear.

Search for HTML elements

Pasting your HTML code.

When you click to edit the HTML element you have just added you will notice it is blank, here is where you will paste your Bookalet widget script

Custom HTML block in Gutenberg
Custom HTML block in Gutenberg

As soon as you paste your code into the HTML element you will notice the page update to show your Availability and booking widget

Remember to click update or publish if it is a new page 

What widgets can I add to my Elementor created website?

You can add a Rate Card, an Availability Calendar, an Enquiry Form, Reviews or full Online Booking. The Online booking can either be real time payments or deferred payments depending on your preference. Our Agent account also provides you with a Search Form so guests can filter the properties to find relevant accommodation.

Sign Up For A 30 Day Free Trial Today