Black Friday & Cyber Monday SUPER SALE ALL WEEK:
Grab 40% OFF on plugins
Days
Hours
Minutes
Seconds

How to use variations with WooCommerce Booking & Appointment Plugin

In this post we will see how to use variations with WooCommerce Booking & Appointment Plugin. To configure everything that’s mentioned below, having WordPress & WooCommerce is a must. So if you don’t have those, then please install them & then continue below.

I will take example of hotel bookings without variations initially and then I will add a variation.

The booking settings in WooCommerce Booking & Appointment Plugin can be done from the “Booking” meta box on the Products page.

To start, you need to enable Allow multiple day booking option under the booking tab. When you enable that, automatically the check-in and check-out date fields appear on the frontend, which is the main component in hotel bookings.

In the screenshot below, I have set the lockout date after X orders as 60. This means that there can be a maximum of 60 bookings for any date. Once the limit of 60 bookings is reached, the room is unavailable for those dates. You can set this according to your number of available rooms.

I have enabled the minimum number of days for multiple day bookings and set the value as 1 which means the customer will have to book a room for 1 day minimum. If it is set to 3, then the customer has to book for a minimum of 3 nights. They can book for 3 or more then 3 nights, but not less then that.

Variations with WooCommerce Booking - Booking settings
Booking multiple day setting

Different advance booking periods are required by almost all bookable products. For example, you might want the customers to book atleast 1 day in advance or you could also set this to 12 hours, which means they can book for the same day until 12 noon. There is an Advance booking period option where you can enter the number of hours. In our case, we have entered 24 hours, which means customers can’t book a room for the same date on which they are ordering.

Variations with WooCommerce Booking - Advance booking period
Advance booking Period

In the product settings, you just have to select the type of product and enter the per night price for your room. It will be a Simple product.

Variations with WooCommerce Booking - Product settings
Product settings without variations

Once all of these settings are done, you are ready to sell hotel bookings with WooCommerce. Let’s see how the frontend looks like.

Variations with WooCommerce Booking - Frontend product without variations
Frontend for hotel bookings without variations

Looks good until now. But this isn’t enough. Every hotel has different types of rooms and before anyone books a room they need to decide what type of room will be needed and then book the same. The prices of the rooms will differ. Here we need to use variations so the user can choose a room type right from the above page.

We will need to change the product type. We will need to set the product type to Variable Product. If you see below, I have created a new attribute named room type. It has five room types – Non AC, AC Room, AC Deluxe, Super Deluxe and Honeymoon Suite. We enter these separated by | in the Value(s) text box.

Variations with WooCommerce Booking - Product attributes setting
Adding the room type attribute

The prices are going to differ for each room type. Once you save the attribute, you need to go in the “Variations” tab. Under that, I can click on Link all variations and set the price for each room type.

Variations with WooCommerce Booking - Linking variations
Link all variations
Variations with WooCommerce Booking - Variation setting
Variation setting for room type attribute

The prices that I have set are:

Non AC – £300
AC Room – £400
AC Deluxe – £550
Super Deluxe – £1000
Honeymoon Suite – £1500

Once you enter the prices for room types & save the product, your frontend would appear as shown below:

Variations with WooCommerce Booking - Frontend of hotel bookings
Frontend of the hotel booking with Room Type

After adding variations, the frontend gives you another option to select the room type. Based on the room type chosen & the number of nights selected, the appropriate price will be charged to the user. In our case, we selected “AC Room”, which costs £400 and selected 7 nights, so the total cost comes to £2800. A honeymoon suite for 7 nights would cost a whopping £10,500! A costly affair 🙂

Similar to the room type, you can add other variations too. Some common variations for hotel bookings are Number of Adults & Number of children. About a year back, we created a video. You can check that out.

[vimeo width=”500″ height=”375″]https://vimeo.com/71421806[/vimeo]

Selling hotel bookings with WordPress & WooCommerce was never so easy!

If you are selling concert tickets or match tickets maybe you could add the stand as a variation, like VIP Box, Pavilion stand, etc.

The ability to use variations along with WooCommerce Booking & Appointment Plugin is a huge advantage. Most plugins do not allow WooCommerce variations to be used alongside bookings.

If you have not purchased our plugin yet & if this post has changed your mind, please go ahead & purchase it. Along with a solid booking plugin for WooCommerce, you also get superior support, which is what differentiates us from the others.

Browse more in: Documentation, How Tos, Tyche Softwares, WooCommerce, WooCommerce Booking & Appointment

Share It:

Subscribe
Notify of
11 Comments
Newest
Oldest
Inline Feedbacks
View all comments
3 years ago

Hi, this is nice but can I change availability for different variations? for example, non AC rooms are available 7 days a week but Super Deluxe room is only available on weekends?

6 years ago

I dont see anything like the booking meta box. I activated woocom booking & appointment . I also have activeate woocom bookings. should that be de activated? or do I need other plug ins?

6 years ago
Reply to  brad

Hi Brad,

I have created a ticket for your query on our new Support tool and replied to your email from the new supporting address (support at tychesoftwares dot freshdesk dot com). Can you please check whether you have received an email?

We will further continue on that ticket itself as we are completely moved to our new supporting tool from mid of April.

Rajiv Bajaj
7 years ago

Hi. I have a question. If I am using the woocommerce booking plugin in conjunction with WC accommodations, how can I set that to allow booking of multiple rooms of the same type ? I am not talking about booking different room categories, but about being able to provide the functionality of booking more than one room (same room type) simultaneously. Let us presume I have a room category called Deluxe Room, and I have created Person Types for it, and also defined the max capacity per room. Presuming that my max capacity is 2 persons per room, but I… Read more »

Shruti Shetty
7 years ago
Reply to  Rajiv Bajaj

Hi Rajiv, Thank you for sharing your requirements. The requirements you mentioned are somehow achievable. You can create a product which will allow you to book both as many rooms you want and the persons. I have created a product “Deluxe_Rooms” according to your requirements on our demo site. Kindly go through the same and let me know if your requirements are fulfilled or not. Front-end link of the product: http://staging.tychesoftwares.com/woocommerce-lite/?product=deluxe_rooms Back-end link of the product: http://staging.tychesoftwares.com/woocommerce-lite/wp-admin/post.php?post=20813&action=edit I hope the created test product will help you to take a call on how to proceed further to achieve your business requirements.… Read more »

Rajiv Bajaja
7 years ago
Reply to  Shruti Shetty

Hello Shruti, and thank you very much for your reply and for the demo. However, I’m afraid this is not the solution I am looking for. From the back-end what I can see is that you have created a regular Variablle Product with the Bookable option toggled. However, what I need is a solution using the WC Booking + WC Accommodation product, using the two plugins in conjunction. This is critical to my requirement, as the WP accommodation plugin allows creation of checkin & checkout timings. It works perfectly as far as booking a single room is concerned. But the… Read more »

Shruti Shetty
7 years ago
Reply to  Rajiv Bajaja

Hi Rajiv,

You’re welcome. 🙂

I can understand your concern but the solution you are finding is difficult to achieve in our Booking plugin.

The only way you can achieve this is you can add those 2 products individually in a cart at one time and proceed to checkout. By doing this you did not need to do the checkout process twice.

Please let me know if you have any questions.

dev
7 years ago

I have installed booking plugin but i am not able to use both variable and bookable product together

Shruti Shetty
7 years ago
Reply to  dev

Hi Dev,

Thank you for asking the query.

You can setup the product as the variable product by selecting “Variable Product” from product data meta box.
Please see the below link:
https://docs.woocommerce.com/document/variable-product/

And make the above-created product as bookable from enabling booking settings from Booking meta box as per your business requirements.
Screenshot: http://prntscr.com/fyhe3t

Please let me know your business requirements so accordingly I will guide you through the setup of the product.
OR you can visit the below link to refer the documentation of the booking plugin.
Link: https://www.tychesoftwares.com/woocommerce-booking-plugin-documentation/

Feel free to ask any questions.

7 years ago

Great article and I would like to do the same however on my products page I see no – “Booking” meta box.

Do you know if I have to do something elsewhere to make it show up?

Thanks,

Aidan

7 years ago
Reply to  Aidan Lawlor

Hi Aidan, Thank you for appreciating the plugin article and sharing your query. Can you please let me know that our Booking plugin is installed and active on your website? If not, then kindly install and activate our Booking plugin on your website. When the plugin is installed and active on the website, our “Booking” meta box is being appeared on the back end of the product page as shown in the below screenshot: Please see this screenshot: https://www.screencast.com/t/HV4Uf067 If the Booking plugin is active on your website and still the “Booking” meta box is not appearing on the product… Read more »

11
0
Would love your thoughts, please comment.x
()
x