---
title: "How to Add WooCommerce Product Price Range Filter in Elementor?"
url: https://theplusaddons.com/docs/add-woocommerce-product-price-range-filter-in-elementor/
date: 2023-09-14
modified: 2026-04-10
author: "Aditya Sharma"
description: "The price range filter for WooCommerce products is a great way to help customers filter products based on their budget. This feature allows customers to set a price range for..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Add-WooCommerce-Product-Price-Range-Filter-in-Elementor_-1024x536.jpg
word_count: 356
---

# How to Add WooCommerce Product Price Range Filter in Elementor?

## Key Takeaways

- WP Search Filters widget from The Plus Addons for Elementor allows users to add a price range filter for WooCommerce products.
- Users must enable both WP Search Filters and Product Listing widget from The Plus Addons to utilize the price range filter.
- The price range filter requires users to set a maximum and minimum price based on their products.

The price range filter for WooCommerce products is a great way to help customers filter products based on their budget. This feature allows customers to set a price range for their search, making it easier for them to find the products they want.

With the WP Search Filters widget from The Plus Addons for Elementor, you can easily add a price range filter for WooCommerce products.

*To check the complete feature overview documentation of The Plus Addons for Elementor WP Search Filters widget, [click here](/docs/wp-search-filters-widget-settings-overview/).*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#search-filter-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, make sure you’ve added some products to your WooCommerce store, then you have to use the WP Search Filters widget with the Product Listing widget.

> *Note: Make sure you’ve enabled both WP Search Filters and Product Listing widget from **The Plus Addons **→** Widgets ***

Place the widgets in your desired location on the page or template, then follow the steps -

1. In the Product Listing widget, select **Search List **from the **Product Listing Types** dropdown.

![product listing search list](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-search-list.png)

2. Then select the appropriate style and layout.

3. In the WP Search Filters widget, open the **Category** item under the **Filter Area**.

4. From the **Filter Type** dropdown, select **WP Filter** and **Range Slider** from the **Select Source** dropdown.

5. Then select **Taxonomy** from the **Select Type** dropdown.

6. In the **Maximum Price** field, you have to add a maximum price as per the maximum price of your product.

7. In the **Minimum Price** field, you have to add a minimum price as per the minimum price of your product.

8. Then in the **Steps** field, you have to enter a step number based on which the slider value will change by an equivalent number.

9. Finally in the **Price Symbol** field, you can add a price symbol.

![wp search filters range slider](https://theplusaddons.com/wp-content/uploads/2023/09/wp-search-filters-range-slider.gif)

Now you should be able to see a price range slider that you can use to filter products based on price.

![wp search filters range slider demo](https://theplusaddons.com/wp-content/uploads/2023/09/wp-search-filters-range-slider-demo-1024x854.gif)

Also, read [How to Create Range Filter for Custom Posts with Custom Fields in Elementor](https://theplusaddons.com/docs//create-range-filter-for-custom-posts-with-custom-fields-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if the price range filter isn't showing up on my WooCommerce site?**
A: If the price range filter isn't appearing, ensure that both the WP Search Filters and Product Listing widgets from The Plus Addons for Elementor are enabled. If they are enabled and still not showing, double-check that you've added products to your WooCommerce store, as the filter relies on existing products to function.

**Q: What is the best way to set the step value for the price range slider?**
A: The step value determines how much the slider will move with each adjustment. It's best to set this value based on the pricing structure of your products. For instance, if your products are priced in increments of $10, setting the step to 10 will provide a more intuitive experience for users.

**Q: How do I ensure that the price range filter works correctly with my product listings?**
A: To ensure the price range filter functions correctly, you must use the WP Search Filters widget in conjunction with the Product Listing widget. Select 'Search List' from the Product Listing Types dropdown and configure the filter settings appropriately, including the price limits and step values.

**Q: Are there any limitations when using the price range filter with Elementor?**
A: The price range filter is specifically designed for WooCommerce products and works exclusively with Elementor. It does not function with other page builders like Gutenberg, Beaver Builder, or Divi. Make sure you are using Elementor to take full advantage of this feature.