---
title: "How to Create Search Bar (Ajax) with Filters for WooCommerce in Elementor [Video Tutorial]"
url: https://theplusaddons.com/docs/create-search-bar-ajax-filters-woocommerce-elementor/
date: 2023-07-05
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=6A_HZSfZ5IA Video Duration: 21 : 47 Video Overview In this video, we learn how to create an advanced Live Ajax Search Bar with Filters in Elementor for WooCommerce Products and..."
image: https://theplusaddons.com/wp-content/uploads/2023/07/maxresdefault-57-1024x576.jpg
word_count: 64
---

# How to Create Search Bar (Ajax) with Filters for WooCommerce in Elementor [Video Tutorial]

## 

- Creates an advanced Live Ajax Search Bar with Filters for WooCommerce Products using Elementor.
- Utilizes The Plus Addons for Elementor PRO and the Plus Search Filters widget for enhanced functionality.
- Offers a 10% discount code 'YOUTUBE10' for purchasing The Plus Addons for Elementor.

https://www.youtube.com/watch?v=6A_HZSfZ5IA

#### Video Duration: 21 : 47

## Video Overview

In this video, we learn how to create an advanced Live Ajax Search Bar with Filters in Elementor for WooCommerce Products and Create custom search page in elementor using Theme Builder.

▶ Widgets Used –
[https://theplusaddons.com/plus-search-filters/advanced-wp-ajax-searchbar/](https://theplusaddons.com/plus-search-filters/advanced-wp-ajax-searchbar/)
Search + Filters-
[https://theplusaddons.com/plus-search-filters/](https://theplusaddons.com/plus-search-filters/)
Get The Plus Addons for Elementor PRO –
[https://theplusaddons.com/pricing/](https://theplusaddons.com/pricing/)

USE CODE " YOUTUBE10 " TO ENJOY EXTRA 10% DISCOUNT

[Get The Plus Addons for Elementor](https://theplusaddons.com/pricing/)

[View 120+ Elementor Widgets Demo](https://theplusaddons.com/elementor-widgets/)