Thanks to its open ecosystem, third-party developers can develop add-ons to extend the functionality of Elementor. If you have been long in the Elementor universe, chances are you have heard about Crocoblock. It is one of the third-party developers that has been developing a number of Elementor add-ons. JetBooking is one of which. JetBooking is an Elementor add-on that is designed specifically at adding booking functionality to your Elementor-powered WordPress site. Thus, it can be a solution if you are looking to create a website using Elementor in which you want your visitors to be able to make a booking.
There are actually a bunch of booking plugins for WordPress out there. However, none of them are designed specifically for Elementor like JetBooking. JetBooking is a perfect option if you are a loyal Elementor user and have a project to create a website type like:
- Bike Rental
- Studio Rental
- Hotel Booking
- Apartment Booking
JetBooking: A Brief Intro
Elementor is a page builder that has an extremely massive growth. Since its first release back in 2016, the plugin has hit over eight million downloads (as of 2021). The growth of Elementor is not just the plugin itself, but also its overall ecosystem. Today, it is easy to find Elementor add-ons. Be it free or paid. However, there were no add-ons designed specifically to add a booking functionality until Crocoblock did it via JetBooking. So, as we mentioned earlier above, JetBooking is a great solution if you are looking to create a booking site with Elementor.
JetBooking has no built-in feature to accept payment, though. Unfortunately, it supports integration with WooCommerce, so you keep be able to accept a payment. JetBooking has some dependencies to other WordPress plugins to work properly. In addition to Elementor, you need to have JetEngine installed and activated on your WordPress sote to make JetBooking work properly. Also, you need JetThemeCore (or Elementor Pro) to create a custom template for the custom post type for the booking instance.
How JetBooking Works
As we have just mentioned above, JetBooking can’t stand alone. Instead, it depends on JetEngine to work. You need JetEngine to create the custom post type for the booking instance, custom post type for the booking orders, and to create the booking form. With JetBooking installed and activated, you will have a new button action called Apartment booking when creating a form with JetEngine.
Another add-on you need is JetThemeCore (or Elementor Pro). You need it to create a custom template for the custom post type for the booking instance.
Overall, you will go through five steps to use JetBooking as follows.
Step 1: Create post type for booking instance
On this this step, you need to create the custom post type for the booking instance. You will need this custom post type to add the items you want to offer. For instance, if you want to create a booking hotel site, you can use it to add the room types as well as the specs like the number of beds, capacity, gallery, internet, phone, and so on. JetEngine has the capability to create a custom post type as well as custom fields.
Step 2: Create custom post type for booking order
On this step, you need to create the custom post type to handle the booking orders. Alternatively, you can also use WooCommerce. If want to accept payment for the booking orders, using WooCommerce might is a better option as WooCommerce has a built-in payment gateway feature to allow you to accept the payments more effortlessly. When setting up JetBooking for the first time, you will be asked whether you want to use WooCommerce or order post type.
Step 3: Set up database tables
JetBooking demands some database tables to work so that you need to create them before you can continue the setup process. Sounds tricky? Not really, as the setup wizard helps you to do so. The wizard automatically creates the required columns so all you need is to click the Next button.
Step 4: Create booking form
On this step, you need to create the booking form. You can add fields like name, address, email, phone, check-in date, and check-out date to the form. The setup wizard also helps you to create the booking form in case you have no idea about the fields you need to add.
Step 5: Create custom template for custom post type for booking instance
On step one above, you have created the custom post type for the booking instance to add the items you want to offer. To display the content of your items, you need to create a custom template. On the custom template, make sure to add the booking form you have created on step four above to allow your visitors to make the booking.
For more detailed instructions on how to use JetBooking, you can watch the video created by Crocoblock team below.
The Bottom Line
You can use Elementor to create any type of website. If the functionality you want to add to your website is not offered by Elementor, you can install an add-on like JetBooking. JetBooking is designed specifically to add a booking functionality to your Elementor-powered WordPress site . That being said, it can be a solution if you have a project whereby you are required to add the booking functionality to your website. The WooCommerce integration support makes it easy for you to accept the payment.