How To Make A Hotel Booking Website With WordPress (2024) Full Guide

How to Make a Hotel Booking website with WordPress, simple tutorial

Hey guys, welcome back. In this video, I'll be showing you step by step how you can build your WordPress website

and how you can make it into a booking website for your hotel or any other amenity that you're offering

So let's get into it. Now, the first thing you have to do is log on to WordPress and create your account

I already have created my account, so I'm directly on my dashboard. And to build a booking website, I like to use a couple of plugins

Those plugins include Elementor and Starter templates. So let's show you guys how you can install these templates

So to get started, simply click on plugins on the bottom left and click on Add New

Once you click on Add New over here, you're going to search for Elementor on the top right in the search bar

And once you search for Elementor over here, you have this particular

plugin by Elementor and you're just going to click on install now to install this plugin

Now after that you want to search for starter templates over here

So just search for starter templates and once you search for starter templates you will find

this plugin. It's by brainstorm force. This is the one that you want to install and click on

install now. Now once you have both of these installed you can go into your installed

plugins on the left toolbar and click on activate on both of these plugins

Now once you have activated these plugins, you can get started with building your website or your booking page

So you guys can see once you activate starter templates, it actually opens up the particular pop-up of their website

where you can actually go to their dashboard and, you know, browse all the templates

You can also click on exit to dashboard if it doesn't automatically open up for you

You can go into your plugins, and once you go into your plugins

and under starter templates, you can click on see. you can click on C library and this will open up this particular page from where we are going

to take our booking template so we are looking to build a hotel booking page now to do that

i primarily want a booking template so in my starter template search bar i'll just search for

booking and now once i search for booking i can take a look at some of the templates that are

related to booking and that can help me in building my booking website so you have multiple different

types of templates and I'm just going to so this did not match any starter templates so what I'm going

to do is that in the categories over here you will see multiple different types of categories you can go

under business categories and then go into hotel and travel and then this will show you the particular

type of templates that are available for hotel and travel so you have these particular tools like this

so we have this earth template we have the planet earth we have the artist multi we also have some particular hotel templates but these are only available on the premium version So if you choose to upgrade you can choose these pre templates as well

Now, I'm going to take this template over here, which is the very basic create your website mountain template

And I'm going to click on this over here. Now, once you open up a template, it will give you a preview of the template

It has take action services and more. Now, if you take a look at this particular template, it had services, and services can be booked

so it probably means that it has a booking site within it

They also have some other templates depending on what you want in your hotel

You will also be able to see free and premium hotels. You will also be able to see free and premium plugins as well as some pre-existing sites that have all of your integrated features

So if I go on to something like a e-commerce store and I want a course marketplace or a online courses, those also have those subscription-based options

But we are just going to go on ahead into our hotel and travel templates and I'm going to continue with a basic template

So I think I'm going to use my create my website one and I'm going to click on skip and continue because I can upload my logo file directly over here to make it easier for

us to navigate. So let's say this is our logo and I'm going to click on select over here

Now after that I'm going to click on continue and I'm going to change the default color scheme

so you can pick a different color scheme if you wish to do that like this. After that you have

your basic default fonts that have been added so you can customize those as well and after

you have customized that you can click on continue over here. Now you have some advanced

options which allow you to delete previously imported sites, import customized, setting import widgets install the required plugins as well as importing the content so you're

going to click on submit and build my website and now this template as it is will be imported onto your

WordPress site and from there you can use a mentor to edit the rest of your site now keep in mind

that if you actually like a free template that does not have booking features you don't have to

you know skip through that template and choose a different template if you like a template that doesn't have any

integrated booking feature then just choose that template and I'll show you guys a

alternative way where you can integrate bookings into that template for your

hotel now once this has been completed you can click on view your website over

here to get started now I'm gonna click on exit to dashboard and once I have

opened up my website you guys can see this is our website so I can just go back

into my dashboard now and I am just going to leave our page

This is our basic dashboard and I can click on VisitSight now Now this is what my site currently looks like It has quite a few different features So the first thing I like to do is going to my basic dashboard and take a look at the plugins that were installed

So only WordPress forms were added. Now, this particular template also does not have a lot of very direct booking features

It also has services features. So I'm going to click on Edit Page and I'm going to get started with editing our pages

So this is our home page. I'm going to click on Edit with Elementor because I want to use Elementor to edit the starter templates template

And once you click on Edit with Elementor, this will open up the editing page

You will be able to see each individual section. So what I'm going to do is I'm going to add our first title text

So I've just added some basic text and then I can add more text as well

Then we have our services section where we can add our services. Now, I don't want services

So I can actually add my booking features over here and I'll show you guys how

But in this way, you can edit section by section. Let's say I don't want this call to action to be present over here

I can just click on this cross icon and this will be deleted. Then I have my add widget here

So I can add a different type of widget if I want. And then on the left, I have Elementor plugins or Elementor elements that I can add

Now, if I click on Starter Templates over here, I can actually use a starter template page or block that I can insert

So I can go into the blocks over here and enter a particular block or page directly into a pre-existing page

Now, once I've completed this, I'm going to click on update on the bottom left

And keep in mind that you do have to use Elementor to edit your starter templates

So once I've done this, I'm going to click on exit. And I want to have, you know, made some basic changes

I'm going to go back and leave to my WordPress dashboard. And now I want to build my booking page

To do that, I'm going to go into plugins over here and click on Add New

And then simply search for booking. Now, once you search for booking over here, you have multiple different types of plugins available

Now, the one that I recommend is Appointment Hour Booking. So this one is super efficient to use

You also have some other plugins as well, booking calendar included. There's also booking package, booking for appointments and events

But Appointment Hour booking is one of the most. efficient and most used ones out there so i'm just going to click on install now and once you have

installed this click on activate over here and once you have done this you can start building your

forms so this will be hotel booking form like this now after that you're going to click on booking

orders and then you can search for or you know take a look at your booking orders that you have but

this is our first form over here and what you're going to do is you can click on block times and you can

build blocked times so let say you have this the service over here or you know you offer rooms during these times like this and once you blocked out the selected dates you can click on add booking to add any pre booking like this and you can

add their email as well like so click on submit and although this does list it as a service you can

simply rename this to a particular room now you can even add a new calendar so you can click on add new

and let's say this calendar would include email appointments and within that calendar let's say i have

this section and these are the dates available and let's say service one is not going to be 60 minutes

obviously uh it's going to be 24 minutes and how many minutes are in a hour so it's 24 by 60 yeah so we have

1,440 minutes per day and that's how many minutes you want to make your service

of so we're just going to go ahead like this this is going to be around 150 minutes so

about 151,000 and around 1500 minutes like this so this would be equivalent to one day so there would be only

one booking for the entire day that's the one thing you have to make sure that you add the booking as a

really long duration which basically means one day so people can book you for days now after that you have

your working days you also have your first sunday military time or no if you want a m p.m. time and a

number of months max number of appointments would be unlimited and the minimum date as well now once you've

done that you can click on safe changes and continue editing and now you guys can see only once slot

per day is available now with this you service one could be hotel room one or executive lodge one

then service two could be standard room one and standard room two

And in this way, you can build your booking application directly into your starter templates

And once you have completed this, you're going to go ahead and click on over here

You can clone this and rename this if it's the same room over and over again. And then you can add the short code to your page

So you're going to copy this, copy this code over here. And then go ahead and open up your site or just go for whatever page you want to integrate this

Let's say I have my homepage and I'm going to click on Edit with Elementor. Then once you click on Edit with Elementor to integrate our booking feature

we're just going to go ahead and search for shortcode. And once you add your short code, you can move this up later on as well

but we're just going to paste our short code over here and click on Apply

And now if I scroll down, I will actually be able to see the shortcode is going to be converted

into our actual login or into the actual form for login. So make sure that this is added correctly

then you can exit and take a look at your booking slots as well so i hope you guys found this video

helpful if you did make sure to leave a like and subscribe