Signature Travel Booking Request Made Easy

Signature travel booking request

[Music] hi everyone and welcome to this tutorial in this video we are going to have a look at how we can add booking functionality to your website with the help of a set of jet plugins this is a step by step tutorial and I'm going to explain to you every single step you need to take in order to achieve the end result that looks like that we have a custom post type in which you have your posts which are in our case rooms they are called rooms and we are able to book every single of these rooms more than that we're able to set the check-in checkout period and using the archive pages filter out the options that are already not available Plus once you have some orders you're able to manage and edit all of the orders that have been made on your website by your visitors right from your dashboard also you get a ton of settings for your forms you're able to create them from scratch just the way you like and also customize the notification types that include the send email option which is going to help you to automate this process all right without any further ado no more talking let's dive right in but before we start with the actual tutorial let me give you a quick overview of all the subs that we're going to need to take to achieve the end result so first we are going to need to create the post site which will contain all of the items that will be available for booking on my example I am using rooms post type as the post like with my items and my items will be rooms then we're going to add all the needed meta fields all of the features that our items are going to have all the units if you're planning on having multiple units of these items what units are I'm going to explain to you a little later and also you're going to need to create a listing so you later can display these items on the archive pages and the second post type that we need to create which keep our orders will be called orders post type or you can give it any other name and this post up will keep the information about every single order that is being made on your website about every single booking then we need to make these two post types work together and for that we will need to create a booking table this booking table is going to make sure that later in the orders post type you get all of the orders and the info that your users put into the booking form is being stored in the orders post type then we'll create a booking form adding all of the necessary fields and also then can add to a booking table and as a result making it record the info from this form to the orders post type so this info that two users will put in this booking form will go as the order details once we're done with that we can go and create a single post template for your item like for a room in our case and we're also going to insert a form in there so once the user views the particular item they can book this room on the same page once we are done with that we can create a filter and put it on our archive page on the archive page there is going to be a listen grid that will be displaying our items and with the help of the filter we're going to be able to filter out those rooms that are already booked for particular dates so I hope now it will be easier for you to follow this tutorial let's get started on my website I have already pre-made the rooms post type let's have a look so to create a new post type we need to go to jet engine post types and click on add new and you're going to be taken to the actual post type editor but here I have this one that I'm going to use rooms click Edit just going to show you what I've added there so what we need to pay attention to here is the meta fields by the way now with jet engine 2.0 you can organize your meta fields a lot better using tabs if you want to learn more about that and everything new that has been added to jet engine with the version 2.0 check out our jet engine 2.0 overview on our Channel and learn more about it we're now gonna proceed to you the Rose post type and what you should do here is to go to every individual post and fill in all of those meta fields that you have created while creating the post type there we go we have filled all of those in then you have also the unit's manager creating the units for your specific post is a way to tell the plug-in that you have actually multiple rooms of such type so basically if you add units it means that this is not one particular room that a person can book this is actually a type of the room and you have multiple units available like that you can add a number and you can change the title if you want it also means that once at least one of these units is not booked this particular room or it's better to say room type going to appear in the filter results when you will be filtering by check and check-out date because it will have at least one unit available which means that the user can still book this unit once that is done and you're finished with all the matter fields and the units go to the listings and create a listing so you can later present this particular room in the archive when we'll be creating the iqaf page alright for now it's pretty much it for the rooms post type now we need the orders post type in order to keep track of our orders here it is booking order is the post type that I have created to perform that function and let me show you how it looks from the jet engine dashboard so here in the post types for the order post type that's going to keep track of your orders you just create a pretty much blank post type there is nothing in it there is no matter fields that you can later fill and you do not need any of that just give it a name and click Save because all of the info that is going to be added to that post type is going to be created by the booking table and if you go to jet engine you're going to see apartment booking this is what we need for now to create the booking table let's click on it and it takes us right here where we have the general settings let's have a look at that first so these are the table columns you can add as many as you need and put any type of info that you want to have there by the way the order ID is a sort of a necessary field in here and the user email pretty much as well if you later want to have the access to the email address of the people who have booked something on your website and if you also want to send them notifications or any other type of emails okay I'm done adding the fields now let's see what else we have here related post type here ye should put the name of the post type that you have created to keep track of the orders which in our case is booking order and here I have to put in the post type that contains those items that will be available for booking in our case rooms and here you put in the name of the column in which you want to store the order ID what it means that now the meta field with the name order ID will be added to this post type and it will be filled in once you have a new booking on your website and in the second tab which is called labels you're able to change the default labels to the ones that you need by the way there is an important thing that you have to remember once you fill this table in and you want to save make sure that you won't need any changes that you have made no mistakes that everything is filled in correctly and this table currently contains all the info that you want because once you click Save and update table you won't be able to edit it in the WordPress dashboard again you will need to go to your database and drop the entire table and after that you will have to create it from scratch so before you click this button make sure you have made no mistakes and yes you can go and see this table that you have created in your database anytime so our table is done then in the form editor you create the form and add the fields that you will later will be able to connect you the columns in your table but let's have a look at all of those one by one the first field that you have is hidden and it is supposed to stay that way and please don't delete it because this is how the post ID is going to be saved to the table and you'll be able to keep track of what rooms are being booked then it creates just some generic fields like your email your name phone number also one important field one a really important field that you have to put into this form is check and check out dates you can also change the layout settings in here but what's important about it is that it will help you to keep track of the periods for which certain rooms are being booked then of course you add the submit button but we will also need one more hidden field not only the post ID but also the field for the order ID in the type select hidden in the field name it will be order ID then click apply changes then in the notification settings you should create a new notification and in the type choose insert post creating this notification will allow the booking plugin to create a new entry in your book in order post type so type insert post post I book in order that particular post type that you have created to keep all of your orders the post status it is better to set draft or pending review or maybe private then the next notification that we need to have a look at is apartment booking type apartment then apartment ID field has to be room ID which is current post ID then the name of the check and check-out date field you are getting this info from here so here's their room ID here's the dates so you simply take these names and put them here also here you'll see the list of the table columns that you have added to your booking table don't forget to assign specific foreign fields to corresponding table columns then you can proceed adding more notifications depending on your needs but we're going to have a look at just one more send email here can select to what email you want to send this particular message then select the name of the field in which the visitor has to type in their email also choose the needed option from the reply to field here you can also fill in this subject the name of the sender and the sender's email address then using macros you can create a template for the email then click apply changes and save your form now it is time to create a single page template for our room so in order to create a single page template go to Krakow blog my library and here we'll be able to access the theme parts now I have created a single room template and I have created the layout for my post and I have also added a booking form I didn't a booking form to your page is super simple you simply type in form in the Elementor panel and it's going to show you the available widgets and you just drag it and drop it on a page wherever you need in order to get is the ability to choose from the forums that you already have created on your website and it your style it the way you like now once we're done with those settings let's see how this forum actually records all the data that we put in it in our table and here we can select the check and check out dates like that and this is the period for which this room is going to be booked now let's go to the dashboard and see what changes have been made then let's go to booking order and here it is the latest booking made on your website click Edit and you'll be able to see the info of this order like check and check-out date user email because we have connected these fields this column in the table with the field from the booking form this is why it saves this info here info about the email and also the apartment ID and you can edit that data for example if you need to change the period of the visitors stay or you need to change the email or the name or any other data from any other field that you create you can do that and then simply click Save and this order is going to be updated so since everything is working properly we can go and create the archive template which is going to showcase all of our items and we can also put a filter in there that is going to help to filter out those items that are not available for booking anymore let's start with the filter let's go to smart filters and you can either click add new or go to smart filters so creating this type of filter is pretty simple all you need to do here is set the filter type to date range set filter by and a little bit as metadata and then in the query settings type in the following curie variable check-in underscore checkout and you're pretty much set save this filter and let's go and create the archive template go to Krakow block my library and click add new button to create a new archive template here create the desired layout and then look for the listing grid and drop it on the page and in the list here choose the needed listing that you have created which showcases your rooms alright and then let's look for date range filter and drop it here in this section so we can now filter these items by date choose the needed filter this filter for sets jet engine because this is the list and grid that we want to filter and all the other settings are up to you then let's see how it's all working on the actual website there is our listing and let's try and choose some dates in here so on my website all of the units of this room have already been booked for the period from the 8th of August till the 20th of August now let's click chat and the filter is going to filter out this room because all the units are already booked and this room is not available for booking anymore so we have walked you through all of the basic steps you need to know in order to add a booking functionality to your website with the help of a set of jet plugins if you want to learn more or have any specific questions check out our knowledgebase on khakha blog.com I hope this tutorial was helpful thank you so much for watching