--- 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-09-28 lang: en author: "Aditya Sharma" description: "A price-range slider is close to a must-have for any product listing with more than a handful of price points. The WP Filters widget builds this from your store's real..." image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Add-WooCommerce-Product-Price-Range-Filter-in-Elementor_-1024x536.jpg word_count: 241 --- # How to Add WooCommerce Product Price Range Filter in Elementor? ## - WP Filters builds a price-range slider from real product prices and lets the user set Minimum Price, Maximum Price, Steps, and Price Symbol. - The Plus Addons for Elementor Pro requires Elementor free and WooCommerce installed and active, with at least a few products published. - The Plus Addons > Widgets panel enables WP Filters by searching for it and turning its toggle on before setting Filter Type to Woo Filter. A price-range slider is close to a must-have for any product listing with more than a handful of price points. The WP Filters widget builds this from your store's real product prices, with control over the slider's minimum, maximum, step size and displayed currency symbol. 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 spanning a real price range. ## Steps Add the WP Filters widget, set **Filter Type** to **Woo Filter**, then choose a source configuration that reads the product price. ![Price range slider with a two-handle control](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-price-range-slider.webp) Set **Maximum Price**, **Minimum Price** and **Steps** to match your catalogue, and set **Price Symbol** to your store's currency symbol. ![Price Symbol control](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-price-symbol.webp) ## Settings Overview | Setting | What it does | Default | | ------- | ------------ | ------- | | Minimum / Maximum Price | The slider's lowest and highest selectable price. | - | | Steps | The increment the price slider moves in. | - | | Price Symbol | The currency symbol shown next to the price values. | $ | ## Related Docs - [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 do I need before adding a product price range filter in Elementor?** A: Elementor free has to be installed and active, and WooCommerce needs to be installed and active with at least a few published products. The WP Filters widget is also a Pro widget, so The Plus Addons for Elementor Pro must be installed and active. That matters because the slider is built from real product prices, so a store with only one price point will not give you a meaningful range. **Q: Why is the price range slider not showing in my Elementor page?** A: The usual blocker is that the WP Filters widget has not been enabled yet. In The Plus Addons > Widgets, search for WP Filters and turn its toggle on. The widget only works when The Plus Addons for Elementor Pro is installed and active, so if the addon is inactive the filter will not be available inside Elementor. **Q: How does the product price range filter get its values?** A: The slider reads from your store’s real product prices, not from a manually typed list. That is why the minimum price, maximum price, and step size need to match your catalogue. If those values are off, the filter can feel awkward because shoppers may see ranges that do not line up with how your products are actually priced. **Q: What settings matter most when configuring a WooCommerce price filter?** A: Minimum Price, Maximum Price, Steps, and Price Symbol are the key controls. Minimum and Maximum set the selectable range, Steps control how far the slider moves each time, and Price Symbol shows the currency next to the values. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides these controls so the filter matches your store’s pricing structure instead of forcing a generic range. **Q: Can I use this price range filter for custom post types instead of WooCommerce products?** A: For custom posts with custom fields, there is a separate approach covered in [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/). This tutorial is specifically about WooCommerce product prices through the WP Filters widget. That distinction matters because product pricing and custom-field ranges are handled as different setups. **Q: What should I check if my price slider feels too coarse or too narrow?** A: The Step value is usually the first thing to inspect. Smaller steps make the slider move in finer increments, while larger steps make it jump faster across your catalog. Minimum Price and Maximum Price also need to reflect your actual product spread, otherwise shoppers may miss useful ranges or see a filter that feels disconnected from your store’s pricing.