Resources can be used for Simple Product Type. Let’s look at how they can be used for the three booking types in our Booking & Appointment for WooCommerce plugin.
Once the Booking plugin is updated to the latest version, on the Edit Product page, a new checkbox for Booking Resource will be added in the Booking meta box.
When you tick this checkbox, a new tab Resource will be added as shown in the below screenshot:
Adding Resource tab in the booking meta box
Type 1 – Single Day Booking
Type 2 – Multiple Nights Booking
Type 3 – Time Slot Booking
Let’s understand how resources can be booked as per availability for each of these instances.
Type 1 – Single Day Booking
Product Name – One Day Bridal Package
Here you can add a resource/person that provides service for the whole day. Depending upon the availability of the resource, maximum bookings can be taken for that day.
In this instance, we will create a product named One Day Bridal Package.
We will enable the Booking option and select Booking Type as Single Day. Enable the Resource option and click on the Save Changes button.
Selecting booking type as Single Day
Fill in the availability of this product by going to the Availability tab:
Adding Availability settings
Note: Always set maximum bookings greater or same as resource availability because resource availability value will be considered first.
Next, add the resource details to this product. For this, go to the Resources tab as shown below:
Default Resources tab
To understand each of these settings, you can check click here. LINK TO BE ADDED
For instance, you can add the resource Kinjal, with her base cost of $30:
Adding settings for the resource Kinjal
Once you have saved all the booking details, availability settings, and resource details, click on the Publish button.
Here’s how the One Day Bridal Package product will appear on the front end:
Front end display of product with the resource
The selected resource name appears on the product page with its base cost displayed as Kinjal – (+30.00).
Let’s say, a customer adds the resource Kinjal for 17th January 2018.
The total cost for the booking will be $130 because the Regular Price is $100 and Kinjal’s additional charge (eg. conveyance etc) for the service is $30.
Selecting the date to book the resource
For the selected booking date, the customer will see that 1 booking is available for 17th January 2018. This is because Kinjal’s availability is set to 1 in the Booking > Resources > Kinjal > Available Quantity option in the Resource details meta box as shown here:
Available quantity for resource Kinjal
These details will be displayed to the customer on the Cart page:
Booking details on the Cart page
The booking and resource details are displayed under the product name. The order section on the Checkout page will appear as such:
Booking details in the ‘Place order’ section
The Order Confirmation page where your Order details will then be displayed.
Booking details being displayed on the ‘Order Confirmation’ page
This is how you can assign a resource to a single-day product for booking service for the selected date.
Type 2 – Multiple Nights Booking
Product Name – Outdoor Wedding Booking
Here you can add a resource/person that provides service for one or more than one night. The resource can be charged for the entire specified period of booking or on a per-day basis.
Let’s book a service for a multiple nights product and assign the same resource to it.
Add a new product Outdoor Wedding Booking and set a regular price for it as $300. Now enable the Booking option and select Booking Type as Multiple Nights and save changes as shown below:
Selecting booking type as Multiple Nights
Now enable the Booking Resource option to display the Resource tab in the Booking meta box for assigning a resource to this product.
Assign a resource and add its base cost. For instance, you can add resource Kinjal whose base cost is $50 as shown below:
Resource for Multiple Nights product
You can add the availability settings by clicking the Availability tab and adding the values as shown below:
Availability settings added
Since this is a multiple-night product, you can also add the Fixed Block Booking and Price By Range Of Nights feature along with the Resource feature.
Thus, the resource added to the product will be displayed on the front end as shown here:
Front end look of multiple nights product
The resource Kinjal has been selected for Outdoor Wedding Booking from 25th January to 26th January 2018.
The cost for this service booked is $350. The additional resource charge of $50 is added to the total.
When the product is added to the cart, its details will be displayed as shown here:
Cart Page showing booking details
After proceeding to the Checkout page and placing the order, the Your Order section will appear like this:
Booking details being shown on the Checkout page
The Order Confirmation page with your Order details will be displayed as shown below:
‘Order Confirmation’ page showing booking details
Thus, you have successfully assigned a resource to a multiple-night product. The above instance showed how the cost for a resource is calculated for the full duration of the booked dates.
However, if you want to charge a resource on a per day basis, you can enable the setting Charge Resource cost on a Per Day Basis option.
Go to the General Settings tab under Bookings > Settings > Global Booking Settings page as here:
Selecting the option for charging on Per Day basis
According to this setting, the resource’s cost will be multiplied by the number of days booked to calculate the total price.
Type 3 – Time Slot Booking
Product Name – Reva Beauty Salon
Here you can add a resource/person that provides service as per the time slots assigned. Services are booked as per the availability of the resource.
For this, you will have to add a resource to a bookable product with time slots.
Create a product named Reva Beauty Salon and add its regular price. Enable the Booking option, select the Booking type as Fixed Time, enable Booking Resource to add a resource to the product, and click on the Save Changes button:
Enabling booking and setting booking type as Fixed Time
After this, add availability details from the Availability tab which is set to 10 bookings per weekday.
Add time slots for taking bookings. You can add two-time slots for all weekdays with maximum bookings set to 5.
You can add time slots from 9 am to 11 am and 1 pm to 3 pm with the additional price of $100 for each of them:
Adding availability and timeslot details
Add the resource Kinjal with her base cost of $30 from the Resource tab:
Added resource with the base cost
The front end of Reva Beauty Salon will appear like this:
Front end display of the product
The customer can add the booking details as shown below:
Front end display of the product
Let’s say that they have selected the resource Kinjal to be booked for 19th January 2018 for the 1 pm to 3 pm timeslot.
The total cost for this booking will be $100 + $30 (Kinjal’s charge) = $130.
After adding it to the cart, the Cart page will appear like this with all the details:
Cart Page showing all booking details
After completing the booking process, the Your Order section will look like this:
Checkout Page displaying all booking details
This is how the Order Confirmation page with all the Order details will appear:
Order details being shown in the ‘Order Confirmation’ page
Thus, the product with the selected timeslot has been booked.
All the 3 orders which we just booked above will appear on the View Bookings page with booking details and names of the resources added as shown below:
‘View Bookings’ page showing added products with the resource name
You may have noticed that when a resource was added, its name appeared at various places like:
- Product Page
- Cart Page
- Checkout Page
- Order Received Page
- View Bookings Page
Other than these, there are additional sections/pages where the resource name will be displayed. They are:
1. Order section in My Account page
Resource name displayed on the Orders section of My Accounts page
2. Email Notification for order
Email notification showing the resource name added
3. Calendar View of all bookings
The resource booked for Reva Beauty Salon appears in the calendar
In this way, you can use Resources for different Booking types under you Simple Product Type.