Bookings Use Case: Custom availability with date and hour range

This scenario will walk through how to use WooCommerce and WooCommerce Bookings to create a bookable product with a custom availability range including specific times, days of the week, and excluding a specific date.

Scenario

↑ Back to top

You’re looking to offer a bookable product at your shop but it is a limited product and will only be available during a specific time frame, on a single day of the week. You also need to account for a specific date when the product is normally available, but your shop will be closed.

This bookable product should:

• Only be available on Mondays 8:00 AM to 4:00 PM
• Not be available on September 16, 2024

Products Used

↑ Back to top

• WooCommerce
• WooCommerce Bookings

Setup and Configuration

↑ Back to top

Creating a 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 and click the Virtual checkbox.

Configure the General Tab

↑ Back to top

1. Select the dropdown menu next to Booking Duration and select Fixed blocks of, enter 1 in the next field, and select Hours as the measurement of time in the final dropdown.

Configure the Availability Tab

↑ Back to top

1. On the Availability tab select the dropdown next to the All Dates Are setting and select not-available by default (Note: This setting will be overridden by the availability ranges listed below.)
2. Next to the First Block Starts At field enter 08:00 AM
3. At the bottom of the tab, click Add Range, in the newly added table click the dropdown under Range Type and set it to Monday. Under Range enter the available times of 08:00 am to 04:00pm and finally, under Bookable select Yes
4. Click Add Range a second time, under Range Type select Date Range , in both date fields select September 16 2024, under Bookable select No, and finally under Priority enter 9
5. Publish and save the product.

Usage

↑ Back to top

This is what your customer will see when visiting the front end of your site