How to Manage Timepicker for Check-In/Check-Out in WooCommerce-Based Mode

Go to WordPress Dashboard > Bookings > Settings and click on the Schedule tab.

Enable the Timepicker toggle, and you will observe the additional settings available for customization.

Next, you can activate the Timepicker restrictions toggle and set the Buffer Time to reserve some time between the bookings and prevent the back-to-back bookings. By default, the “2:00” Buffer Time is set.

Next, you can also change the available Time range and the Time Slot Interval. The last is set to “1:00” by default, which means slots like “9:00,” “10:00,” “11:00”, etc. will be available.

Once the settings are adjusted, changes will be saved automatically.

If you work with the JetWooBuilder’s Single Product Page, the timepicker will be visible in the Single Add to Cart widget.

Open one of the products on the front end. In this guide, we open the property page.

Right on the page, we can select the check-in and check-out dates and the time of the booking. 

After the data is completed, we press the “Book Now” button to proceed to the cart.

In the cart, we can observe order details, with check-in/check-out dates and times accordingly.

Next, we press the “PROCEED TO CHECKOUT” button.

On the checkout page, after the needed data is completed, we can see the check-in and check-out details in the Your order section.

After the booking is made, the information can also be observed on the Thank You page.

Let’s check the booking on the back end.

To do so, head to WordPress Dashboard > Bookings, find the booking you have just made, and press the “Edit” button.

In the opened Edit Booking pop-up, you will see the check-in and check-out details with the timepicker as well. These can be changed and saved if needed.