How to Add a WooCommerce Bookings Search Bar

woocommerce booking search bar with date filter

If your WooCommerce store offers multiple bookable products, rooms, services, rentals, or appointments, customers need a quick way to find what’s available on their preferred dates. Without a WooCommerce search bar, they end up clicking through product after product, which often leads to drop-offs before a booking is even placed.

The Bookings and Appointments for WooCommerce plugin by PluginHive includes a built-in Bookings Search Availability Widget that adds a date-based WooCommerce booking search directly to your store. This article covers how to set it up, which filter options are available, and how to configure it to match your booking business.


On This Page


What Is the WooCommerce Booking Search Bar? 

The WooCommerce booking search bar is a widget built into the Bookings and Appointments for WooCommerce plugin. It lets customers enter a From Date and a To Date directly on your shop page or sidebar and instantly see every WooCommerce bookable product available for that window, no page-by-page browsing required.

This is especially useful for stores offering:


Requirements Before You Start 

Before setting up the WooCommerce booking search bar, ensure you have:

  • Bookings and Appointments for WooCommerce – version 5.0.0 or above
  • At least one WooCommerce bookable product configured on your store
  • A widget-enabled area in your WordPress theme (sidebar, header, or footer)
Note: If you are on an older version, update the plugin first. Refer to the plugin setup guide for instructions.

How to Add the WooCommerce Booking Search Widget 

Setting up the WooCommerce booking search bar takes just a few minutes:

  1. Go to Appearance → Widgets in your WordPress dashboard
  2. Find the Bookings Search Availability Widget from the available widgets list
  3. Drag it into your preferred widget area — sidebar, top bar, or footer
  4. Enter a display name for the widget (for example, Check Availability)
  5. Click Save to apply
wordpress widgets page showing bookings search availability widget

woocommerce check availability search bar

Once saved, visit your shop page. You will see the WooCommerce search bar with From and To date fields ready for customers to use.

woocommerce booking search calendar popup with date selection and apply button

WooCommerce Booking Filter Options: Dates, Participants, and Assets 

The plugin offers multiple filter types under the Search Filter tab in the widget settings. Here is a breakdown of what is available.

woocommerce booking search filter settings showing date, participants and asset filter options

Date Filters

These control how customers input their preferred booking dates:

  • Filter by Date Range: The default mode – customers pick a From and To date, and the plugin returns all bookable products available throughout that period. Suitable for rentals and accommodation.
  • Filter by Fixed Date: Displays a single date field instead of a range. Ideal for one-day events, workshops, or any booking that requires only a start date.
  • Filter by Day: Restricts the search to specific days of the week, useful for businesses that operate only on weekdays or select days.
  • Filter by Time: Adds a time selector alongside the date picker for hour-based bookings like appointments, studio sessions, Zoom consultations or co-working spaces.

Participant and Asset Filters

Beyond dates, the widget also supports:

  • Filter by Participants: Customers specify how many guests or people they are booking for. Only products with sufficient capacity appear in results.
  • Filter by Asset: If your products are linked to assets, such as room types, staff members, or specific equipment, customers can filter results by that asset before searching by date. See how to set up Booking Assets for more details.

Display and Label Customisation

  • Customize Style: Control button colours, display text, border width, border style, and border radius to match your store’s design
woocommerce booking search widget customize style settings for buttons and design

  • All filter labels – field names, button text, and date format can be modified under the Customize Filter Labels tab and Display Settings in the widget
  • The Book Now and View Product buttons can be enabled, disabled, or relabelled to suit your store’s tone
  • Widget Visibility: Choose which pages the search bar appears on — Home Page, Custom Home Page, Shop Page, or Product Category Page
woocommerce booking search widget visibility and filter label customization settings

Example Scenario: Finding Available Rooms Without the Back-and-Forth 

Let’s say you run a WooCommerce store offering multiple bookable room types, standard, deluxe, and suite, and availability changes frequently. Here’s what you’re likely dealing with.

Challenges You’re Probably Facing

  • Customers are contacting you over email or phone to ask which rooms are open on specific dates
  • Fully booked rooms still appear alongside available ones on the shop page, causing confusion
  • Customers who cannot quickly identify an open option are leaving without completing a booking
  • You are spending time on availability queries that could be handled automatically

How the Bookings and Appointments for WooCommerce Plugin Solves This

With the Bookings Search Availability Widget enabled, customers enter their check-in and check-out dates on the shop page and immediately see only the room types open for booking in that window.

  • Fully booked rooms are automatically excluded from search results
  • The Participants filter lets customers check whether a room fits their group size
  • The Book Now button takes customers straight from search results to checkout
  • Labels can be updated to say Check-In and Check-Out instead of generic From / To fields

Results

  • Customers find available rooms without any manual back-and-forth
  • Availability-related support queries reduce significantly
  • The shop page shows only relevant, open options for each customer’s specific dates
  • Customers move from search to checkout with fewer steps

Once the widget is live, availability checking becomes a built-in part of the browsing experience for customers and your team alike.


Tips to Optimise Your WooCommerce Booking Search Experience 

The widget is straightforward to set up, but a few configuration choices can make a noticeable difference in how well it performs for your store. Here are four things worth getting right.

  • Position the WooCommerce search bar where customers look first: A widget placed at the top of the sidebar or above the product grid gets used. One buried in the footer gets ignored. Placement directly affects whether the search bar becomes part of the booking flow or an afterthought.
  • Match the date filter type to how your business actually works: If customers book by the hour, enable Filter by Time. If every booking is a single day, use Filter by Fixed Date to keep the search form simple. Mismatched filter types create friction, even when products are configured correctly behind the scenes.
  • Use the Asset filter to narrow results before date selection: On stores with varied inventory, different room categories, vehicle types, or staff, enabling the Asset filter lets customers pre-sort by what they want before picking dates. This reduces irrelevant results and speeds up the booking path.
  • Rename labels to reflect your business terminology. The default From and To fields are generic. Changing them to Check-In / Check-Out, Session Date, or Pick-Up / Return takes under a minute and makes the search bar feel like a natural part of your store — not a bolted-on widget.

These small configuration steps keep the widget aligned with how your customers actually think about booking, which is what makes the difference between a search bar that gets used and one that gets overlooked.


Conclusion

A WooCommerce booking search bar removes one of the most common friction points in online booking, customers not knowing what is actually available on their dates. With the Bookings and Appointments for WooCommerce plugin, the search widget is ready to configure without any custom code, and the filter options cover a wide range of booking scenarios. If you need help tailoring the widget to your specific store setup, contact PluginHive Support – the team is available to assist.


FAQs 

Q. Does the WooCommerce search bar work with all booking types?

Yes. The widget is compatible with date-based bookings configured using the Bookings and Appointments for WooCommerce plugin, including single-day, date-range, and time-based bookings. The search returns all bookable products with availability matching the customer’s input.

Q. Can customers filter WooCommerce bookable products by both date and number of participants

Yes. You can enable both the Filter by Date Range and Filter by Participants options simultaneously. Customers enter their dates and group size in one search, and results reflect both criteria at once.

Q. Can I rename the filter labels and buttons in the WooCommerce booking search bar?

Yes. The Customize Filter Labels tab in the widget settings lets you rename all field labels and button text. Date format can also be updated from the Display Settings dropdown to match your store’s regional preference.