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

↑ Nach oben

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

↑ Nach oben

• WooCommerce
• WooCommerce Bookings

Setup and Configuration

↑ Nach oben

Creating a Bookable Product

↑ Nach oben

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

↑ Nach oben

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

↑ Nach oben

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

↑ Nach oben

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