---
title: "How to Create Range Filter for Custom Posts with Custom Fields in Elementor? (ACF, Pods, Metabox)"
url: https://theplusaddons.com/docs/create-range-filter-for-custom-posts-with-custom-fields-in-elementor/
date: 2023-09-14
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "A range filter suits any numeric custom field - a price, a size, a rating count - where visitors want to narrow results between a minimum and a maximum. The..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Create-Range-Filter-for-Custom-Posts-with-Custom-Fields-in-Elementor_-ACF-Pods-Metabox-1024x536.jpg
word_count: 250
---

# How to Create Range Filter for Custom Posts with Custom Fields in Elementor? (ACF, Pods, Metabox)

## 

- The Plus Addons for Elementor Pro includes the WP Filters widget, and its Range Slider sub-type renders a two-handle slider driven by a custom field value.
- Range Slider filtering suits numeric custom fields such as price, size, or rating count, letting visitors narrow results between a minimum and a maximum.
- WP Filters requires Elementor free installed and active, plus a custom post type with a numeric value stored in an ACF, Pods, Toolset, or Metabox field; its Minimum, Maximum, and Steps settings default to 0 / 100 / 1.

A range filter suits any numeric custom field - a price, a size, a rating count - where visitors want to narrow results between a minimum and a maximum.

The WP Filters widget's **Range Slider** sub-type renders a two-handle slider driven by a custom field value, with its own min/max/step configuration.

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/grid-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text#Ajaxfilters)

## 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.- A custom post type with a numeric value stored in an ACF, Pods, Toolset or Metabox field.

## Steps

Add the WP Filters widget, set **Filter Type** to **WP Filter**, then set **Select Source** to **Range Slider**.

![WP Filter Type set to Range Slider](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-filter-type-range.webp)

Set **Maximum**, **Minimum** and **Steps** to match the real range of values in your custom field.

![Minimum, Maximum and Steps controls for the range slider](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-range-min-max.webp)

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| WP Filter Type | Set to Range Slider for numeric range filtering. | - |
| Minimum / Maximum | The slider's lowest and highest selectable value. | 0 / 100 |
| Steps | The increment the slider moves in. | 1 |

## Related Docs

- [How to Create Date Picker Filter for Custom Posts with Custom Fields in Elementor?](https://theplusaddons.com/docs/create-date-picker-filter-for-custom-posts-with-custom-fields-in-elementor/)- [How to Add WooCommerce Product Price Range Filter in Elementor?](https://theplusaddons.com/docs/add-woocommerce-product-price-range-filter-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before creating a range filter for custom posts with custom fields in Elementor?**
A: Elementor free has to be installed and active, and The Plus Addons for Elementor Pro must also be installed and active because WP Search Filters is a Pro widget. The setup also needs a custom post type with a numeric value stored in an ACF, Pods, Toolset, or Metabox field. That numeric requirement matters because the Range Slider is built for values like price, size, or rating count, not text fields.

**Q: Why isn't the range slider showing the right values for my custom field?**
A: The slider only behaves correctly when its Minimum, Maximum, and Steps match the real range of values in the custom field. If those numbers are off, the handles can feel wrong or skip useful values. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this Range Slider as a two-handle filter driven by a custom field value, so the field data has to line up with the slider settings.

**Q: Can I use this range filter with ACF, Pods, Toolset, or Metabox fields?**
A: The tutorial is built around numeric custom fields stored in ACF, Pods, Toolset, or Metabox. That makes it a fit for any post type where visitors need to narrow results between a minimum and maximum value. The key detail is that the field must store a numeric value, since the Range Slider works from numbers rather than labels or dates.

**Q: What is the best way to set min, max, and step values for a range filter?**
A: Match Minimum and Maximum to the actual lowest and highest values in your custom field, then set Steps to the increment you want users to move through. The default shown in the settings overview is 0 / 100 for Minimum / Maximum and 1 for Steps. Using real data ranges keeps the filter usable and avoids awkward jumps that miss valid results.

**Q: What happens after I add WP Filters and set it to Range Slider?**
A: The widget renders a two-handle slider that filters posts by a custom field value between two points. That makes it useful when visitors want to narrow results instead of picking one exact number. In The Plus Addons for Elementor workflow, this is handled inside the Elementor editor through WP Filters with Filter Type set to WP Filter and Select Source set to Range Slider.

**Q: Is there another filter type I should use instead of a range slider for custom fields?**
A: A date-based filter uses a different approach than numeric range filtering, so it fits different search intent. If your content needs date selection rather than number selection, the related tutorial [How to Create Date Picker Filter for Custom Posts with Custom Fields in Elementor?](https://theplusaddons.com/docs/create-date-picker-filter-for-custom-posts-with-custom-fields-in-elementor/) is the closer match. For numeric fields like price or size, the Range Slider is the right fit.