Bookings Use Case: Hair Salon (Using Persons and Availability)

This scenario will walk you through how to use WooCommerce and WooCommerce Bookings to book appointments with a specific person and set their specific availability during the week. The business hours are also different on weekends from the weekdays.

Scenario

↑ Back to top

A hair salon has three hairdressers, and each appointment lasts one hour. While the salon is open from 9:00 am – 8:00 pm on weekdays (M-F) and 8:00 am – 4:00 pm on weekends, each hairdresser has different times and days they are available for an appointment.

Products Used

↑ Back to top

• WooCommerce
• WooCommerce Bookings

Setup and Configuration

↑ Back to top

In this example, before we create the bookable product, we will first set up each hairdresser’s schedule and availability as Resources. The easiest way to configure each hairdresser’s hours is by defining what days and/or times they will not be working.

Configure the Resources

↑ Back to top

1. In the sidebar of your WordPress Admin, click on Bookings > Resources.
2. Click the Add Resource button. This will take you to a Add New Resource page.
3. In our example, we will name the first Resource, one of the hairdressers, as Joel.
4. Set the Available Quantity to 1. Since a hairdresser can only be in one place at one time, be sure to set each resource with an Available Quantity of “1”.
5. In our example, Joel does not work Saturday, Sunday and Mondays. To define his hours, click the Add Range button and a Range table will appear.
6. Under the Range Type dropdown, select Range of days.
7. Under Range drop downs select Saturday to Monday.
8. Under Bookable select No as those are the days we don’t want him to get any bookings.
9. Keep the Priority as 9. This will be important so that Joel’s schedule will override the store’s business hours when he is selected.
10. Click Publish.
11. Go through steps 2-10 to create two more resources for the other two hairdresser’s schedules.

The image below illustrates the settings for a Resource that is unavailable from Saturday through Monday:

Create the Bookable Product

↑ Back to top

1. In the sidebar of your WordPress Admin, click on Products.
2. Click on the Add New button on the top.
3. Under Product data select Bookable product.
4. On the right of Product data, tick off the Virtual option and Has Resources option.
5. In the General tab, set the Booking duration to Fixed duration of 1 Hour.
6. In the Resources tab, add your custom label. In our example we have labeled it “Hairdresser”.
7. Then, click into the New Resource dropdown and select the hairdresser resources you created earlier. Click Add/link Resource button to add.
8. In the Availability tab, keep All dates are setting to Not available by default and the Check rules against setting as All blocks being booked.
9. Note that you’ll see that the Max bookings per block will be overridden at the resource level. While the max booking and resource is set to 1 booking per block, with multiple Resources (Hairdressers), we can have as many bookings during a given block as there are resources. For example, if all three hairdressers are available on Thursdays at 9 am, they can all be booked at that time.
10. Finally, click the Add Range button at the bottom of the Availability setting to add the business hours.
11. In our example, the business hours are 9:00 am – 8:00 pm on weekdays (M-F) and 8:00 am – 4:00 pm on weekends (Sat-Sun). Under Range Type select Monday.
12. Under Range select the hours 9:00 am – 8:00 pm.
13. Under Bookable select Yes.
14. Under Priority, keep as 10.
15. Go through steps 10-14 to add the rest of the days of the week and the hours.
16. Publish product.
    

The below image shows what it looks like to assign resources to the bookable product:

The below images illustrates how the business hours are set up to reflect 9:00 am – 8:00 pm on weekdays (M-F) and 8:00 am – 4:00 pm on weekends (Sat-Sun).

Customer View

↑ Back to top

Result will look like this for your customers.