---
title: "How to Add WooCommerce Live Product Search in Elementor?"
url: https://theplusaddons.com/docs/add-woocommerce-live-product-search-in-elementor/
date: 2023-09-14
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "A live search box updates the product grid as the shopper types, instead of waiting for a submit click - a small but real conversion improvement on product-heavy pages. This..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Add-WooCommerce-Live-Product-Search-in-Elementor_-1024x536.jpg
word_count: 221
---

# How to Add WooCommerce Live Product Search in Elementor?

## 

- WP Filters uses the Search Input sub-type to update the WooCommerce product grid as the shopper types, instead of waiting for a submit click.
- The Plus Addons for Elementor Pro requires Elementor, WooCommerce, and at least a few published products with distinct, searchable titles before WP Search Filters is enabled.
- WP Filters is added on the product listing page by setting Filter Type to WP Filter and Select Source to Search Input in The Plus Addons > Widgets.

A live search box updates the product grid as the shopper types, instead of waiting for a submit click - a small but real conversion improvement on product-heavy pages.

This uses the WP Filters widget's **Search Input** sub-type, scoped to the WooCommerce product listing, with the same field-matching controls as a generic search filter.

For the full settings tour of the **WP Search Filters** widget, see [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/).

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/woocommerce-builder/ajax-filters/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** WP Search Filters is a **Pro** widget - it requires The Plus Addons for Elementor Pro to be installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **WP Filters** and turn its toggle on.- **Prerequisite:** [WooCommerce](https://wordpress.org/plugins/woocommerce/) installed and active, with at least a few products published.- Products with distinct, searchable titles.

## Steps

Add the WP Filters widget to your product listing page, set **Filter Type** to **WP Filter**, then set **Select Source** to **Search Input**.

![Live search box narrowing a WooCommerce product grid as text is typed](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-woo-live-search.webp)

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| WP Filter Type | Set to Search Input for a live keyword box. | - |

## Related Docs

- [How to Create Search Filter for Custom Posts in Elementor?](https://theplusaddons.com/docs/create-search-filter-for-custom-posts-in-elementor/)- [How to Only Search WooCommerce Products in Elementor?](https://theplusaddons.com/docs/only-search-woocommerce-products-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before adding live product search in Elementor?**
A: Elementor free has to be installed and active, WooCommerce has to be installed and active, and you need at least a few published products with distinct, searchable titles. The Plus Addons for Elementor Pro also has to be installed and active because WP Search Filters is a Pro widget. That setup matters because live search only feels useful when the product list has enough items and the titles are actually different enough to match typed keywords.

**Q: Why is the live search box not showing on my product listing page?**
A: The most common blocker is that the WP Filters widget itself is not enabled. In The Plus Addons for Elementor, go to Widgets, search for WP Filters, and turn its toggle on. Since this is a Pro widget from POSIMYTH, it also depends on The Plus Addons for Elementor Pro being installed and active. If either piece is missing, the search box will not appear where you expect it.

**Q: How does live product search work with WooCommerce products in Elementor?**
A: The WP Filters widget uses the Search Input sub-type and scopes it to the WooCommerce product listing, so the grid updates as the shopper types instead of waiting for a submit click. That behavior is useful on product-heavy pages because it reduces friction and can improve conversion. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this inside the Elementor editor without code.

**Q: What is the best way to set up a keyword search box for WooCommerce products?**
A: The cleanest setup is to add the WP Filters widget to the product listing page, set Filter Type to WP Filter, and set Select Source to Search Input. That combination turns it into a live keyword box rather than a generic filter control. The important part is keeping it scoped to the WooCommerce product listing so shoppers get instant feedback as they type.

**Q: Can I use this to search only WooCommerce products in Elementor?**
A: The tutorial is built around WooCommerce product listings, so the live search box is meant to work against products rather than a broader site-wide result set. That makes it a better fit when you want shoppers to narrow down items inside a catalog page. For related setup details, [How to Only Search WooCommerce Products in Elementor?](https://theplusaddons.com/docs/only-search-woocommerce-products-in-elementor/) covers that narrower use case.

**Q: Where can I find more settings for the WP Search Filters widget?**
A: The tutorial only shows the core setup, but the full settings tour lives in [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/). That matters because the Search Input subtype uses the same field-matching controls as a generic search filter, so deeper tuning happens there. If you are building more advanced filtering behavior, that overview is the right next reference point.