This post discusses on how to setup WooCommerce Booking Availability Search widget with the WooCommerce Booking and Appointment plugin.
How does our widget work?
Using this widget, you can search products as per their availability. The widget has 2 fields which needs an input value, Start date and End date, from the customer. You can see which products are available on your store for any particular date. The search result will display a list of all the products which are available for the searched dates.
Where to find the widget ?
You will find the WooCommerce Booking Availability Search widget under WordPress Appearance-> Widget menu where all the widgets from WordPress, WooCommerce plugins are available.
Add different labels to the widget fields
You can label the widget and it’s fields as per your requirements. There are 5 different fields which can be labelled. The five fields are: Title for the widget area, Start date, End date, Text on the Search button and a textarea where you want to add any note for your customers to see.
Adding the widget on your site front end
You can add our widget in any of the sidebars available on your site. The sidebars will differ depending on the theme you are using on your site. So when you click on our widget from WordPress -> Appearance-> Widget menu, a list of all the sidebars available in your theme will be listed. You can select any one of them, set the labels for the fields and the widget will be ready to use.
When you search for any date or a date range, all the products which are available for that particular date or for the entire date range, will be listed on the shop page.
If you select any product from the search result, that product will have the searched dates pre-populated in the Booking fields.
Some key Points:
- If the ‘Duplicate dates from first product in the cart to other products‘ setting is enabled from the Booking-> Settings menu, and if there is a product which is already added to the cart with booking dates, then the searched products will not have the searched dates pre-populated in the Booking fields on the product page. The booking dates which are selected for the existing product in the cart will be pre-populated in the Booking fields on the product page.
- The searched dates will stay in the widget date fields until the browser is closed.
The setup for the widget is quick and easy.
The widget adds an advantage to your site as it would help your customers to sort the products which are available for their required dates in a glance, before they place the order.
You can have a better user experience using this widget. It will search all the products that are available for your booking dates and you can add the product to the cart without selecting the dates again.