HOTEL BOOKING TUTORIAL 2020: Make A Hotel Booking Website using MotoPress Booking and Elementor
HTML-код
- Опубликовано: 27 авг 2024
- Finally, the long-awaited video is here where am going to show you how to make a hotel booking website using MotoPress booking engine for WordPress. I'll show you every step from installing WordPress, to creating accommodations, services, rates, seasons, amenities, managing bookings, accepting payments and a lot more. Below are important sections and links as mention in the tutorial.
_______________________________
Get a domain and web hosting
✅gotechug.com/bl...
✅gotechug.com/in
🔔Booking Engine: gotechug.com/mhb
✅Get Elementor Pro: gotechug.com/el...
✅Get Astra Pro Theme: gotechug.com/astra
✅Get Envato Elements ( Millions of creative digital assets): gotechug.com/en...
Complete hotel booking playlist here: • Hotel Booking
Install Localwp: • How To Install WordPre...
Logo Tutorial using Canva: • FREE TRANSPARENT LOGO ...
_______________________________
Interested in following section per section, here you go
1. Migrating Website To Host: • How To Migrate Your We...
2. Create Services: • How To Create Services...
3. Create Amenities: • How To Create Amenitie...
4. Create Accommodation Types: • How To Create Accommod...
5. Create Hotel Season: • How To Create Seasons ...
6: Create Hotel Rates: • How To Create Rates Fo...
7: Creating Coupons: • How Create Coupons for...
8: Creating A Terms of Use page: • How To Create A Terms ...
9: Creating A Checkout Page: • How To Create a Checko...
10. Using Shortcodes: • How to Use Shortcodes ...
11. Creating a Business Email: • Create a Business Emai...
12. Hotel Booking Email Settings: • MotoPress Hotel Bookin...
13. Cancel and Manage Bookings: • How To Sync Hotel Book...
14. Enabling Test Payments: (adding link)
15. Enabling PayPal Payments: • Collect Paypal Payment...
16. Accepting Payments via Stripe: • Collect Stripe Payment...
17. Creating a Hotel Booking Homepage: • Make A Hotel Booking W...
18. Creating Bed Types: • How To Create Bed Type...
19. Blocking Accommodations: • How to Block Accommoda...
21. Add Booking Rules: • How To Create Booking ...
22. Syc Hotel Website with OTAs: • How To Sync Hotel Book...
Forget the search availability widget css, use the hotel booking form styles instead: • MotoPress Hotel Bookin...
TIMESTAMPS
04:46 Overview
13:01 Installing WordPress
15:34 Login, Install Astra Theme
17:50 Getting and Installing MotoPress Hotel Booking
19:17 Creating Pages
20:57 Creating a Menu/Navigation
22:20 Creating a Header with Elementor
25:40 Creating a Free Logo
29:00 Creating A Footer
39:44 MotoPress Booking Settings for Accommodations
48:18 Creating Amenities
50:06 Adding Additional Services
54:58 Creating Accommodations
1:03:59 Creating Seasons
1:05:28 Adding Room Rates
1:19:26 Designing the Homepage
1:23:58 Adding a Search Availability Form (Don’t use the code, use this instead • MotoPress Hotel Bookin... )
1:43:24 Theme Styles (Container, Fonts, Buttons, Singles)
1:48:15 Scroll To Top
1:55:22 Designing Accommodations Page in Elementor
2:10:15 Designing Search Results Page in Elementor
2:19:19 Managing Bookings
2:21:19 Designing Services Page in Elementor
2:26:10 Adding a Contact Page
2:33:55 Complete Site Overview & Closing Remarks
_______________________________________________________
Productivity Tools
🔔Get LastPass Password Manager: gotechug.com/la...
🔔Hire on Fiverr (Get 20% off 1st Order): gotechug.com/fi...
_______________________________________________________
🔔Subscribe to my newsletter
gotechug.com/n...
Follow GoTechUG on Social Media
/ gotechug
/ gotechug
For business inquiries send to: hamza@gotechug.com
Snail Mail Address (Send 'thank yous' and fan stuff)
Kwehangana Hamza
P.O Box: 36869, Kampala
Uganda, East Africa
DISCLAIMER: This video and description may contain affiliate links, which means that if you make a purchase through one of the product links, I’ll receive a small commission at NO Extra Cost to you. That way, it helps support this channel and make more videos just like this.
Thank you
I answered some of your questions regarding this tutorial in a separate video. Checkout it out: ruclips.net/video/HLE9mhDsyio/видео.html
**NEW Course Alert** Enroll in my Elementor Pro BootCamp Course and learn to maximize Elementor Pro's dynamic and advanced features without coding. Get it NOW 40% OFF bootcamp.gotechug.com/
1.24.40: Install the plugin Hotel Booking Styles from Motopress. Then go to Accommodation > Settings > Extensions > Styles. Copy is-style-horizontal-form and past it in the custom class in the search availability form. Nice tutorial!
Thank you so much for this tip. I was gonna upgrade to Elementor pro to add custom CSS. You saved me from the hassle. :) It worked very well.
I went the wrong way getting the Alpenhouse theme installed for my property listing. Now I'm looking for an answer how without destroying the system hotel booking pages, getting the welcome page, about, and contact page. Do you think this could be done?@@user-uq5xe2uq4s
Download the Hotel 99 Demo Site here: *see last paragraph*
Files also include Envato hotel booking & accommodation templates I used
Ps: Change admin email under settings, General.
Restore with Wpvivid: ruclips.net/video/CB10WYSgGxc/видео.html (tutorial)
User: admin Password: admin
For the demo site to work, you MUST install these plugins
Install MotoPress Pro: Plugin gotechug.com/mhb
Install Elementor Pro: gotechug.com/elementor
Install Astra Pro: gotechug.com/astra
EDIT 5th May 2020: Happy people, it's unfortunate that I've had to remove the demo files for download as it came to my realisation that once you restore the demo site, automatically the Hotel booking plugin is installed. This goes against the terms as I appear like i'm redistributing the plugin. Kindly try your best and start from scratch after purchasing the plugin from MotoPress. My apologies 🙏
Hello, thank you for this tutorial Very informative!!!
Hey Hamza! Really nice video. Very organized! I'm trying to use this plug in for a long time now, but the pages won't get any style, they simply show up all messed up. Is it because I'm using another theme, perhaps?
This is the best tutorial for hotel booking.
🤩 wow, this is a whole complete series. I will be able to complete that hotel website that I didn’t last time. Thank you sensei. I hope to see some implementation of mobile money in the payments.
Haha... All the best on that project. Yes, you can add mobile money payments.
Hello , congrats on your work..!!! I have only one problem in the video and i would be really thaankfull if you can help me.. the hotel booking plugin didnt install the default pages at the begining.. how can i resolve this?
Hi hamza. Love your videos! Just discovered and subscribed to it.
Wondering, is this your newest free hotel/ services booking tutorial?
Wondering if you'd recommend one of your videos.
I'm trying to book a hotel booking website that also provides tours. Would be ideal to be able to track it and pay too.
Thanks a ton!
Very informative! Thank you for the video!
Hi, i have a probleeem I already have the search shortcode but in the results nothing shows, well it show none available :(
Thanks for the video, I have a question. Can we remove the top section with the ´recommanded for’ ?
What if we want to list different hotels and services inside it? How to do it?
Thanks for the tutorial. We want to set a per night rate for 2 adults, and then charge for additional guests up to the capacity set in HB. Can this plugin do that? If so, I could not find a tutorial in their old collection.
Anglais
Hello, thank you for this tutorial,
I have a small question, during the booking confirmation page is it possible to style the page because it is not customized?
Great Video Thanks
how to put center alignment for content in the single accommodation page. can we make changes to the single accommodation page
Hello Man, It is more than great what you did, and i will do as you did, and let you check it for us, But can you show us howto make a search engine for car insurance ?
thx for the tutorial, where can I find the codes for the search engine to make it horizontal and so on? thanks in advance
Great stuff Hamza. life saving content here.
Thank you Alex
hi, Hamas awesome but you forget the destination first? country or city ? thank you if you can do
can you please send me the code to make the available search Horizontal? Thanks and great video. If anyone in the group has the code, I would appreciate it. Thanks
Thanks now I just need the hotel 😅
lol 😂
how to customise child rate in hotel booking
Thanks alot for helping out buddy, Keep it up
Happy to help
How To Add UPI Payment Gateway In Hotel Booking Website
i a the only one here when i press book now at the checkout page its not doing anything ?
Hi I"M david From República Dominicana ¿
Do you have that same tutorial with DIVI please ?
Sorry David. Only elementor tutorials so far.
Thanks for the video! How to get a refund and cancel the booking? Please suggest.
Dear Humza, I went the wrong way to get the Alpenhouse theme installed for my property listing. Now I'm looking for an answer how without destroying the system hotel booking pages, getting the welcome page, about, and contact page. Do you think this could be done?
Hey Jula, am sorry you're experiencing this. Unfortunately, i have not used Alpenhouse theme before. Contact there support for specific advice.
WoW, Thanks a lot : )
Please add enable payments soon Hamza
Thank you, Hamza! I'm curious, where do you add your rooms availability?
Hi, the availability depends on Seasons that are used in the Rates and booking rules that are configured in Bookings > Booking Rules.
Hi Hamza thank u so much for this content. What do u use for multilingual with motopress hotel plugin? Do you have a tutorial about it?
No tutorial yet and haven't tested multilingual with motopress yet.
wow grt website......plz plz make a Travel Booking Website with Astra and Elementor
Thanks for your suggestion. I've added it to my todo list.
Hi
I'm using Motopress calendar and would like to be able to manage it from my computer desktop. I see in instructions that I may download calendars from my site to My PC but nothing else. Do you have any instructions on the subject?
Hi Jula,
There is no desktop nor mobile application to manage bookings at the moment. We have this feature on our list so perhaps it would become possible in the future.
Hi Hamza, thanks a lot for your nice job!
Do you know if it possible edit the checkout field or exist some plugin like checkout field editor for Woocommerce?
Yes, you may find an addon to add/remove checkout fields of the checkout form
Thanks for this tutorial but why you didn't show how to set up a payment method like paypal
Check in the video description, there is a tutorial 😊
@@GoTechUG Thanks but i didn't find Hotel Booking & Elementor integration plugin
and what about the Free SSL certificate video, have not seen it bro
Hey nice video. Thanks for uploading it would be great if you provide templates for this.
Kindly check my decision in the pinned comment.
OMG thank you this is great
I'm glad you like it
please increase your volume a little bit its not clear and audible
Thank you, will do in coming videos
Hi, it's me again. I have almost ready my website but I'm looking for the answer to a few questions. The rooms in a Villa but there is no place for descriptions or images of Villa nor common areas, like a lounge, kitchen, playroom, and so on. Another question is regarding fonts. I would like to have a max. 2 fonts, so far I have such a mess with it and can not find a place for changing it Globally. Also, I have a restriction regarding minimum days but is not working since I'm able to make a reservation for 2 days at the time when is min 6 nights required. I really appreciate your great work, and would to send you money? Let me know-how. Thank you
Hi Jula, Thanks for your questions
1. the accommodations are units of accommodation types and they are used on the back-end only to form the availability of the accommodation type. If you wish to let the guests select each property separately you should add each property as an accommodation type where you may add pictures, description, etc.
2. The fonts depend on your theme. If the theme does not offer typography settings then you may install a third-party plugin to add and apply various fonts.
3. The bookings rules for minimum stay can be configured via Bookings > Bookings rules. Make sure the season you apply the booking rule for is used in the rate of the property.
Is it possible to connect this plugin with Booking.com and airbnb.com?
Yes, it is. You should just check your booking.com account and learn if it allows you to import and export booking in ical format since they have some restrictions for properties with more than 1 unit and an account that uses the channel manager tool to sync between OTAs.
Hello, your promotion is valuable, thank you. Is it possible to add categories to the search filter? Thank you, Zoi
In the Pro version of the Hotel Booking plugin, it is possible to add custom Attributes to the search form
get start at 00:15:00
one question, if I pay for Bluehost and I get elementor included, do I need to pay for elementor pro anyways?
I ask because I think I messed up by buying elementor first, and I'm deciding whether request a refund or not
Elementor pro is not included on your Bluehost subscription. You need a domain and hosting to get your website on the internet.
Hey Hamza, how much did u purchase the plugin? Also if i have a client who needs such a site, how much should i charge them?
I have good offer for Hotel bookings, do you need?. Its a 5year validity.
when i put in the search availability widget and test it then i dont see a calendar when i click on the date fiels.. can you help me with that?
Feel free to contact our support team to get assistance with this.
Excellent video, thank you very much Hamza. Some time ago I was touring your country by bicycle. Can the Hotel Booking plugin that costs $ 79 be used on other websites or is it just for one website?
$79 is for one site. Glad to read you've been down this side. How did it go?
@@GoTechUG I have a webpage facebook.com/SuenosAPedal/. i want to ask you more, about the sync calendar. Is bidirectional, how s work?
@@faviomarcelogiorgiodata4684 The hotel booking plugin supports the import and export of bookings in iCal format. So each platform provides an iCal URL that should be used in another channel and so each channel imports bookings from each other.
How can we get an email from Gmail SMTP rather than in WP admin when someone one book room on the website?
You may set up SMTP on your site using a third-party plugin and all the emails that are sent from your site will be delivered by your SMTP configuration.
Hi! please can you tell me how you do for cancelations? do i have to manage them inside each paypal and stripe platform? how can i asure i get the payment in case the guest didn't show up... your videos help me a lot! thankyou
You can manage cancellations with wordpress. You go to your bookings and manage the booking.
To refund the payment, you mark it on that specific booking, then issue the refund via the payment gateway you're using say Stripe or Paypal.
Edit:
To get the payment, make sure that for a booking to be confirmed, they should have made the payment. That means even if they don't show up, you already received the payment in your bank.
@@GoTechUG okey thanks.
How will you do if a hotel :
1. needs to have 3 acommodation types (appart from double,triple and quadruple) : only bed, bed and breakfast and bed+breakfast + dinner. one price for adults and other for childen.
2. So the price changes in the combination of these 3 accomodation types and adults or children.
How can I do this?
Please, how can I change the currency
Navigate to Accommodation > Settings > General and look for the option to change the currency
Great video, you forgot to paste the css code here
Thank you for the note. CSS has now been added.
@@GoTechUG Thank you
Ohh nice, will do a video on this too
Hi, what size the images for galery
You may upload image of any size you wish. Though we'd recommend uploading images of the same aspect ratio and orientation to make the galleries look perfectly.
How can we get email when someone one books room in website
Make sure email delivery is configured on your server side. Otherwise, set up SMTP on your site for more secure and better email delivery
Brother is awebooking provide free email service that is provided by pligin that u are using in your hotel booking
All email are free
Why aren't the accommondation type rooms avaliable to edit with elementor? I have one BOMB look on the home page, and when i click check availability it takes me to the most plain and ugly theme site :D
It's possible to create accommodation type layout with elementor. Make sure you install the hotel booking elementor integration. Then use the accommodation type widget from the widgets area.
How to create a Bookings, Checkout and Terms page in Awebooking
i) create a page called search page or bookings page (no need to add any content)
ii) create a page called checkout (no need to add any content)
iii) create the terms page (add content)
If your want to add a side search widget like in the tutorial, go to Appearance>Widgets
For the main siderbar, Add the Awebooking check Availability widget (select layout to be vertical), then save.
Then go to Awebooking > Settings
Scroll down to the pages section
1) Assign the Availability page to your created search/bookings page (click on drop down)
2) Assign the Checkout to your created checkout page
3) Assign the Terms & Conditions to your created Terms Page with content
Then save changes. Test your booking engine.
PS: I advise that you create your new hotel booking website following the new tutorial I created ruclips.net/video/iJ6hHsxAXBo/видео.html with all the steps. Awebooking plugin has NOT been updated for more than a year and I would highly advise NOT to use it. Instead use the new tutorial with Motopress hotel booking.
@@GoTechUG in my case, when i click on one accommondation type, i dont have the button edit with elementor.
to much talking, please show and explain..