---
title: "How to Only Search WooCommerce Products in Elementor?"
url: https://theplusaddons.com/docs/only-search-woocommerce-products-in-elementor/
date: 2023-09-13
modified: 2026-05-15
author: "Aditya Sharma"
description: "Do you want to add a search feature specifically for your WooCommerce products? Having a search feature on your WooCommerce store can improve the user experience by allowing customers to..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Only-Search-WooCommerce-Products-in-Elementor_-1024x536.jpg
word_count: 415
---

# How to Only Search WooCommerce Products in Elementor?

## Key Takeaways

- The Plus Addons for Elementor Search Bar widget limits search results to WooCommerce products only.
- Elementor-built store pages can feature a branded search bar with a dropdown category selector for focused product searches.
- The AJAX Search is enabled by default in The Plus Addons for Elementor Search Bar widget, allowing direct product searches.

Do you want to add a search feature specifically for your WooCommerce products? Having a search feature on your WooCommerce store can improve the user experience by allowing customers to find products quickly.

However the default search from WordPress or Elementor searches everything, but with the Search Bar widget from The Plus Addons for Elementor, you can limit the search to WooCommerce products only.

*To check the complete feature overview documentation of The Plus Addons for Elementor Search Bar widget, [click here](https://theplusaddons.com/docs/search-bar-widget-settings-overview/).*

**Best Used For:**

- WooCommerce stores that want to restrict the search results to products only, preventing blog posts and pages from appearing in search results.

- Online shops with large product catalogs where customers need a fast, focused search to find specific products without irrelevant results.

- Elementor-built store pages that need a branded search bar scoped to WooCommerce products with a dropdown category selector.

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it is installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/plus-search-filters/advanced-wp-ajax-searchbar/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, make sure you have added some products to your WooCommerce store.

Then, add the Search Bar widget on the page or template, then follow the steps.

1. Open the item under **Search Bar** and select **Post** from the **Source** dropdown.

2. From the **Select Type** dropdown, select **Products**.

> *Note: Make sure to remove Posts, it will be selected by default.*

![search bar product](https://theplusaddons.com/wp-content/uploads/2023/09/search-bar-product.png)

Now, you should be able to see a dropdown beside the search bar.

In the **Label** field, add a label name for the select dropdown. This is useful when you want to display a visible prompt like “Search Products” above the search field on your WooCommerce store page.

In the **Placeholder** field, add a placeholder text for the select dropdown.

From the **Show Index** toggle, show the number of products the item has in numbers. Use this when you want to display product counts next to each category in the search dropdown, helping customers gauge selection size before clicking.

To add product comparison features alongside search on your WooCommerce store, see [How to Add Product Compare in Elementor?](https://theplusaddons.com/docs/add-product-compare-in-elementor/)

3. Now go to **Extra Option** tab and make sure the **AJAX Search** is enabled.

![search bar ajax search](https://theplusaddons.com/wp-content/uploads/2023/09/search-bar-ajax-search.png)

> *Note: The AJAX Search will be enabled by default.*

Now you can select product from the dropdown to show all the products in the search result or you can directly search for products as well.

![search bar product demo](https://theplusaddons.com/wp-content/uploads/2023/09/search-bar-product-demo.gif)

Also, read [How to Search WooCommerce Products by Category in Elementor](https://theplusaddons.com/docs/search-woocommerce-products-by-category-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if the Search Bar widget isn't filtering WooCommerce products?**
A: If the Search Bar widget is not filtering WooCommerce products, ensure that you've selected 'Products' from the 'Select Type' dropdown in the widget settings. By default, 'Posts' may be selected, which would prevent the widget from functioning as intended. Removing 'Posts' and enabling AJAX Search can also help improve the search experience.

**Q: What is the best practice for setting up the Search Bar widget for WooCommerce products?**
A: A best practice when setting up the Search Bar widget is to ensure that AJAX Search is enabled, which is typically the default setting. This allows for real-time search results as users type, improving the overall user experience. Additionally, consider adding a clear label and placeholder text to guide users on what they can search for.

**Q: Does the Search Bar widget support searching for variable products in WooCommerce?**
A: The page does not specify whether the Search Bar widget supports searching for variable products in WooCommerce. However, since it is designed to filter products, it is likely that it can handle variable products as long as they are added to your WooCommerce store.