The case of “check-in date” and “check-out date” labels may not work out for every bookable product created using the Booking & Appointment Plugin for WooCommerce plugin.
For instance, movie ticket bookings require labels that are much different from the regular hotel booking labels.
Providing suitable field labels for your services helps the customers to easily identify and book your services.
Thus, in order to set the field labels, go to Booking & Appointment > Appearance > Labels & Messages.
You will find various fields mentioned here which are editable. The labels that are set on this page are applied to all the products listed on your store. The labels are divided into the following sections:
1. Product Page Labels
2. Order Received Page & Email Notifications
3. Cart & Checkout Page
4. Add to Cart
5. Booking Availability Message on Product Page
6. Booking Availability Error Messages on the Product, Cart & Checkout Pages
1. Product Page Labels
This dropdown contains the following fields:
1. Check-in Date: It lets you set the start date label for the booking calendar on the Product Page
2. Check-out Date: It lets you set the end date label for the booking calendar on the Product Page
3. Booking Time: If your booking service provides an appointment, this label will help you out with the booking time
4. Choose Time Text: It lets you change the text of the default option of the drop-down list of the time slots added by you
5. Fixed Block Drop Down: This will change the text of the drop-down label when you have the Fixed Block Booking enabled
6. Booking Price: It lets you set the label of your service price being displayed after the booking details are selected
Let’s see how they will appear on the frontend for different booking types:
HOTEL BOOKINGS
For Hotel Bookings, “Check-in date” or “Booking Date” and “Check-out date” labels seem ideal. You can set labels as per your business requirements as shown below.
Hotel booking Product Page labels
MOVIE BOOKING
For “Movie shows”, the labels don’t remain the same for all the pages. This is because movies require timeslots. You also need to update Booking Time and Choose Time Text labels.
Movie booking Product Page labels
RENTAL APARTMENTS BOOKING
You are offering apartments which can be rented only for a fixed number of days: maybe a whole week or on weekends. Such services can be set up with the Fixed Block Booking feature available in our Booking plugin.
To set the label for selecting the period on the front end, we have a Fixed Block Drop Down Label field where you can set the label as per your requirement.
Rental Apartments booking Product Page labels
2. Order Received Page & Email Notifications
This dropdown deals with the labels displayed once the order is placed and when one receives an email for the same.
The first three fields of Check-in Date, Check-out Date, and Booking Time in this section are the same as mentioned above. However, the value will differ from the one on the product page.
The new label available is the ICS File Name field where the value set is the name of the ICS file of the booking event sent in the attachment in the email.
Let’s see how they will appear on the frontend for different booking types:
HOTEL BOOKINGS
Order Received labels
Email Labels
MOVIE BOOKINGS
Order Received labels
Email labels
3. Cart and Check-out Page
Here you will find the same three fields mentioned above.
However, please note that these labels will be seen on the Cart page and on the Checkout page.
Let’s see how they will appear on the front for different booking types:
HOTEL BOOKINGS
Cart page labels
Checkout Page Labels
MOVIE BOOKINGS
Cart Page Labels
Checkout Page Labels
4. Add to Cart button
In this section, you can change the texts for 2 buttons – Add to Cart Button and the Check Availability button as shown below:
Now, let’s say that you’ve changed the text for the Add to Cart button to the ‘Bookings Open’ and for the Check Availability button, you’ve kept the same text.
On the front, these changes in texts would appear like this:
Add to Cart Button
Check Availability button
5. Booking Availability Message on Product Page
In this section, you can edit the messages for booking availability for different things such as Total stock available, available dates or time slots, when timeslots are not available, minimum and maximum booking dates available, etc.
Please note that you can use different placeholders for these messages as shown below in the image:
a. Total Stock Display Message
The Total Stock Display Message is shown when the customer visits a bookable WooCommerce product.
For instance, Dr. John’s Dental Clinic is operational from Monday to Saturday. This can be created using the Recurring Weekdays booking method.
The “Lockout Date after X orders” is set to 10 while creating the product.
Lockout Date after X orders
As you have enabled this setting on the product page, the “Total stock display message” will be displayed as shown below.
This shows the total availability of appointments on a particular date based on the “Lockout Date after X orders” set while creating your product.
As your product is appointment-based, the term appointments have been used in the “Total stock display message”. You can change it as per your business requirements.
b. Availability Display Message For A Date
The Availability display message for a date is displayed on the product page when the customer selects a particular date for booking.
When the customer visits Dr. John’s Dental Clinic’s product page the “Total stock display message” is shown as 10. This was set in the “Lockout Date after X orders”.
If the customer selects a date as 25th May 2017, then the availability of booking an appointment on that particular date is displayed. You can see in the below image that the available appointments have been reduced to 7 from 10 as 3 appointments are already booked.
This shows the total availability of appointments on a particular date based on the “Lockout Date after X orders” set and the number of appointments already booked for that date.
c. Availability Display Message For A Time Slot
The Availability display message for a time slot is shown on the product page of any single-day booking products with a time slot when the customer selects a particular date along with the time slot for booking.
Suppose a customer selects a date of 25th May 2017 to book an appointment at Dr. John’s Dental Clinic. They also select a time slot from 06.00 PM to 08.00 PM.
The availability of booking an appointment on that particular date and time slot is displayed as 5 as set in the “Lockout time slot after X orders”.
Lockout for timeslot
This shows the total availability of appointments on a particular date and time slot as set in the “Lockout time slot after X orders” while creating your product.
d. Availability Display Message For A Date When Attribute Level Lockout Is Set
The Availability display message for a date when the attribute level lockout is set is shown on the product page of variable products when the attribute level lockout is set and the customer selects a particular date for booking.
For instance, as a fitness trainer who provides Zumba training, if you want to train only 7 people on a particular day then you need to set lockout at the attribute level for variable bookable product.
When a customer visits your website they can see the total available appointments as 10 for your services as set in the “Lockout Date after X orders” as shown below.
Now the lockout set at the attribute level is set as 7, as you want to train only 7 persons on a particular day as shown below.
If the customer selects any variation and date for the appointment, a message about the availability of appointments on that particular date for the selected variation will be shown as 7. This is based on the lockout set at the attribute level.
In the example, we have selected the variation as 1 and the appointment date as 25th May 2017.
This shows the total availability of appointments for the attribute on a particular date based on the “Booking Lockout for Attribute” while creating your product.
e. Availability Display Message For A Time Slot When Attribute Level Lockout Is Set
The Availability display message for a time slot when attribute level lockout is set is displayed on the product page of the variable product with the time slot where attribute level lockout is set.
It is displayed when the customer selects a variation for a particular date along with the time slot for booking.
Let’s take the same example of Ronald Zumba Trainer. When a customer selects variation 1 for the date 25th May 2017 along with the time slot of 06.00 PM to 08.00 PM for an appointment, the availability of booking an appointment on the selected date and time slot is displayed as shown below.
This shows the total availability of appointments for the attribute and the time slot selected on a particular date based on the attribute level lockout is set.
f. Message To Be Displayed When The Time Slot Is Blocked In Real Time
The Message to be displayed when the time slot is blocked in real-time is shown on the product page of any type of booking method.
Let’s say that there are two users on the product page at a time. One of the users has made the booking for your services for a particular date and time slot. At the same time, the other user is trying to book the same date and time slot.
The message that will be displayed on the second user’s product page screen will be that this product has been fully booked for a particular time slot. Please try another time slot.
Let’s take the example of Dr. John’s Dental Clinic which is created using recurring weekdays with the time slot booking method.
If two users are on the product page of Dr. John’s Dental Clinic at the same time and if User 1 selects the date 25th May 2017 with the time slot of 06.00 PM to 08.00 PM for booking an appointment then they will be shown booking availability message as 5 as shown below, as the lockout of each time slot is set as 5.
User 1 has made the booking for “5” people as set in the lockout of each time slot.
At the same time, when User 2 is also trying to book an appointment for the same date & time the message will be displayed as shown below.
So now User 2 can book the appointment on “25th May 2017” but has to select another time slot as the time slot “06.00 PM to 08.00 PM” is fully booked by User1.
This shows how the booking availability for a particular date and time slot changes if two users are on the product page and are booking an appointment for the same date and time.
g. Message to be displayed for Min & Max allowed dates selection for Multiple Dates
This setting shows the minimum and maximum dates allowed for selection when a booking with multiple dates has been created.
For instance, a Guitar for Beginners booking has been created using multiple dates where a minimum of 2 dates selection and a maximum of 5 dates selection are required as shown here:
Please note that the booking has to be created using Range-based Multiple booking as shown in the above image.
When a customer goes to the product page to book, ‘Select a minimum of 2 Days and maximum of 5 Days’ message will be displayed:
6. Booking Availability Error Messages on the Product, Cart & Checkout Pages
In this section, you find how to customize booking availability error messages on the Product page, Cart page, and Checkout page for your WooCommerce bookable products using Booking & Appointment Plugin.
This feature plays a vital role as it has two main benefits. One is it doesn’t allow overbooking and another is it also works at real-time booking.
Here, the examples of Car Rentals and Tour Operators and terms relating to it have been used in all the “Booking Availability Error Messages on the Product, Cart & Checkout Pages”. You can change the terms as per your business requirements.
1. Limited Availability Error Message For A Date
The Limited Availability Error Message For A Date is shown when the customer selects a particular booking date but selects the slot that exceeds the lockout set for your product.
For instance, in order to provide Cars on rent for all weekdays, you have created “Rent A Car” using the Recurring Weekdays booking method.
The “Lockout Date after X orders” is set to 3 since you have 3 cars to provide on rent.
If the customer selects the booking date as 25th May 2017 for more than 3 cars for booking and clicks on the ADD TO CART button, then the Limited Availability Error Message For A Date will be shown on the Product page as shown below.
The error message “Rent A Car has only 3 cars available for the date 05/25/17” is shown on the Product page based on the “Lockout Date after X orders” set while creating your product.
Updating Product Quantity On Cart Page
Sometimes the customer comes to the Cart page by selecting the available booking details. Then for some reason, increases the quantity of bookings on the Cart page which may exceed the lockout limits.
In the below example, the customer had first selected Rent A Car on 25th May 2017 for 2 cars. They came to the Cart page by clicking on the ADD TO CART button.
However, after coming to the Cart page, they increased the quantity from 2 to 4 and clicked on the UPDATE CART button.
At that point in time, a Limited Availability Error Message For A Date will be displayed on the Cart page as the slot has exceeded the lockout limit.
Sometimes the customer ignores the error message and moves ahead by clicking on the Proceed to checkout button. Here, the same error message will appear on the Checkout page.
The customers won’t be able to place an order until they go back to the Cart page & select the right quantity.
2. No Availability Error Message For A Date
No Availability Error Message For A Date is displayed on the Product page, Cart page, and Checkout page for any type of booking method when real-time booking takes place.
Many times, two customers at a time are trying to book the same product for the same date.
However, if any one customer moves ahead and makes the entire booking for a particular date while the other customer is trying to book the same date, then the No Availability Error Message For A Date will be displayed on the second customer’s screen on various pages.
Let’s take the same example of Rent A Car.
If two customers are on the product page of your product at the same time and if Customer A books the date 27th May 2017 for 3 cars as shown below.
Now if Customer B also tries to book a car for the same date 27th May 2017, then the No Availability Error Message For 27th May 2017 will be displayed on the Product page as “For Rent A Car, 05/27/17 has been fully rented”.
Updating Product Quantity On Cart Page
In some cases, both customers have proceeded to the Cart page with the same date selected for booking a car.
If Customer A places the order first and Customer B is still on the Cart page, then as soon as Customer B clicks on the View Cart button, the same error message will be displayed on the Cart page of Customer B as shown below.
Still, some customers ignore the error message on the Cart page and click on the Proceed to Checkout button to book your services, then the same error message will be displayed on the Checkout page as shown below.
Customer B has to go back to the Cart page and select the available Booking Date to book your car on rent.
3. Limited Availability Error Message For A Time Slot
The Limited Availability error message for a time slot is displayed on the product page of any single-day booking products with a time slot.
This happens when the customer selects a particular date along with the time slot but selects the slot that exceeds the time slot lockout set for your product for booking.
Let’s take the above example of Rent A Car where the “Lockout time slot after X orders” is set as 3 as shown below.
Suppose a customer selects a date 25th May 2017 to book 4 cars along with the time slot as 08.00 AM to 09.00 PM then the “Limited Availability Error Message for that time slot” is displayed on various pages.
This is based on the “Lockout time slot after X orders” set as 3 as shown above.
Updating Product Quantity On Cart Page
In some cases, customers add the available cars i.e. 3 for the time slot 08.00 AM to 09.00 PM.
After coming to the cart page, they try to increase the number of cars booked to 4, which exceeds the lockout set by you.
At that point in time, when the customer clicks on the UPDATE CART button the Limited Availability error message for a time slot message is shown on the Cart page as shown below.
Some customers ignore the error message on the Cart page and click on the Proceed to Checkout button to book your services, then the same error message will be displayed on the Checkout page.
The customers will be able to place the booking only if they go back to the Cart page & select the available booking in that time slot.
4. No Availability Error Message For A Time Slot
No Availability Error Message For A Time Slot is displayed on the Product page, Cart page, and Checkout page of any type of booking method when real-time booking takes place.
Many times two customers at a time are trying to book the same product for the same date and time slot.
However, if any one customer has made the entire booking for that date as well as the time slot while the other customer is trying to book with the same booking details. At this time, the No Availability Error Message For A Time Slot will be displayed on the second customer’s screen on various pages.
Let’s take the same example of Rent A Car. Now, if two customers are on the Product page of your product at the same time and if Customer A selects the date 27th May 2017 to book 3 cars as shown below.
Now if Customer B tries to book a car for the same date 25th May 2017 and time slot 08.00 AM to 09.00 PM, then the No Availability Error Message For A Time Slot will be displayed on the Product page as “Rent A Car, the time 08:00 AM – 09:00 PM on 05/25/17 has been fully booked. Please try another timeslot”.
Updating Product Quantity On Cart Page
Suppose, both customers have proceeded to the Cart page with the same date & time slot selected to book the car.
Customer B places the order first and Customer B is still on the Cart page.
As soon as Customer B clicks on the View Cart button, the same No Availability Error Message For A Time Slot will be displayed on his Cart page as shown below.
If the customer ignores the error message on the Cart page and clicks on the Proceed to Checkout button to book your services, then the same error message will be displayed on the Checkout page as shown below.
Customer B has to go back to the Cart page and select the available Booking Date and time slot to book your car on rent.
5. Limited Availability Error Message For A Date When Attribute Level Lockout Is Set
The Limited Availability Error Message for a date when the attribute level lockout is set is displayed on the product page of variable products when the attribute level lockout is set.
It takes place when the customer selects the booking details that exceed the attribute level lockout limit set for your product.
Let’s understand with the same example of “Tour operators” who provide a Dubai Tour Package for 5 Persons only.
Here you have to create a Variable Bookable Product with attribute level lockout as shown below.
Now if Customer A has booked the Dubai Tour Package on 22nd May 2017 for 4 Persons as in the below image.
Now if Customer B comes to the product page while trying to book a Dubai Tour Package for 3 Persons on 22nd May 2017, then the error message “Dubai Tour Package has only 1 Person booking available on 05/22/17” will be displayed on the Product page.
This error message is displayed based on the “Booking Lockout for Attribute” while creating your variable product.
The customers won’t be able to place an order until they go back to the Product page & select the available booking details.
6. Limited Availability Error Message For A Time Slot When Attribute Level Lockout Is Set
The Limited Availability Error message for a time slot when attribute level lockout is set is displayed on the product page of the variable product with a time slot where attribute level lockout is set and the customer tries to book more than the lockout setting.
Let’s take the same example of the Dubai Tour Package where Customer A books the tour for 3 Persons for the date 31st May 2017 and the Booking Time is 08.00 AM to 10.00 AM.
Now if Customer B comes to the product page and tries to book a Dubai Tour Package for 3 Persons on 31st May 2017 and the Booking Time is 08.00 AM to 10.00 AM, then the error message “Dubai Tour Package has only 2 Persons booking available for 08.00 AM – 10.00 AM on 05/31/17” will be displayed on the Product page.
The Limited Availability Error message for a time slot when attribute level lockout is set is shown on the Product page based on the “Booking Lockout for Attribute” while creating your variable product.
The customers won’t be able to place an order until they go back to the Product page & select the available booking details along with the time slot.
Conclusion
Changing labels is a small, but important part of setting up your WooCommerce bookable product. It is extremely easy to do that and doesn’t take much time at all. All the label changes are immediately reflected on the respective pages.
Additionally, when the Booking Availability Error Messages are displayed on various pages, your customer will come to know the availability of that product on the selected booking details. Accordingly, they can change their booking details and book the product.
In conclusion, the Booking & Appointment Plugin for WooCommerce lets you customize every aspect of your booking.