{"id":8778,"date":"2019-05-17T08:55:05","date_gmt":"2019-05-17T08:55:05","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=8778"},"modified":"2026-05-19T10:34:22","modified_gmt":"2026-05-19T10:34:22","slug":"jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/","title":{"rendered":"How to Create a Price Range Filter for WooCommerce Products"},"content":{"rendered":"\n<p>The \u201cRange\u201d <strong>Filter Type<\/strong> allows setting a specific range within which users can choose numeric values by moving the slider. One of the most frequent usages is the price filter for <em>WooCommerce <\/em>store pages.<\/p>\n\n\n\n<p>With a <strong>Price Range<\/strong> filter, your visitors can select the price range within which to search for products or posts. You\u2019ll be able to set the minimum and maximum values for product prices, allowing visitors to choose only products within a suitable price range.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Add WooCommerce Product Filters with JetSmartFilters (2026)\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/tfSvVsMIjPM?start=120&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>From this tutorial, you\u2019ll learn how to create a <strong>Price Range Filter<\/strong> with the <em>JetSmartFilters<\/em> plugin. So, let\u2019s have a closer look at it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-the-range-filter\"><strong>Create the Range Filter<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Go to <strong><em>WordPress Dashboard &gt; JetSmartFilters &gt; Add New <\/em><\/strong>to create a new \u201cRange\u201d filter. To find out how to do it, go through our <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetsmartfilters-how-to-create-range-filter\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Range Filter Overview<\/strong><\/a>.<\/p>\n\n\n\n<p>Set the <strong>Filter Name<\/strong>; for example, we complete this field with the \u201cPrice Range Filter\u201d value.<\/p>\n\n\n\n<p>To create a price range filter, you should choose the \u201cWooCommerce min\/max prices\u201d option from the <strong>Get min\/max dynamically<\/strong> field.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings-1024x640.webp\" alt=\"the first part of the range filter settings\" class=\"wp-image-50117\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then, add the \u201c_price\u201d meta field name to the <strong>Query Variable<\/strong> field. This field stores the product\u2019s price.<\/p>\n\n\n\n<p>Adjust other fields if needed and move to the <strong>Filter Labels <\/strong>section. Here, complete the <strong>Filter Label <\/strong>and the <strong>Active Filter Label<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-second-part-of-the-range-filter-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-second-part-of-the-range-filter-settings-1024x640.webp\" alt=\"the second part of the range filter settings\" class=\"wp-image-50118\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-second-part-of-the-range-filter-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-second-part-of-the-range-filter-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-second-part-of-the-range-filter-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-second-part-of-the-range-filter-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-second-part-of-the-range-filter-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-second-part-of-the-range-filter-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Press the \u201c<strong>Update<\/strong>\u201d button to save the filter.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"assign-filter-to-products-grid\"><strong>Assign Filter to Products Grid<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>It\u2019s time to place the price range filter on the needed page and connect it to the <em>WooCommerce <\/em>products. Go to the needed page\/template editor and ensure it has the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filters-providers-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">provider<\/a> added and the list of products you want to filter. We will work with a new page built with Elementor, but you can select any preferred editor.<\/p>\n\n\n\n<p>In our case, the <strong>Products Grid <\/strong>will become a provider. Check more information about how to adjust this widget in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/products-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Products Grid Widget Overview<\/strong><\/a><strong> <\/strong>guide.<\/p>\n\n\n\n<p>In the <strong>Products Grid <\/strong>settings, we change the <strong>Products Number <\/strong>to \u201c8\u201d and style the widget.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/products-grid-widget-in-elementor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/products-grid-widget-in-elementor-1024x640.webp\" alt=\"products grid widget in elementor\" class=\"wp-image-50119\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/products-grid-widget-in-elementor-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/products-grid-widget-in-elementor-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/products-grid-widget-in-elementor-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/products-grid-widget-in-elementor-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/products-grid-widget-in-elementor-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/products-grid-widget-in-elementor.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then, add the<strong> Range Filter<\/strong> widget to the selected section.<\/p>\n\n\n\n<p>In the <strong>Content<\/strong> settings block, choose the filter you created and set the <strong>This filter for<\/strong> feature to \u201cJetWooBuilder Products Grid\u201d or any other suitable <em>WooCommerce<\/em>-related option.<\/p>\n\n\n\n<p>You can also choose the <strong>Apply type<\/strong> between \u201cAJAX,\u201d \u201cMixed,\u201d and \u201cPage reload\u201d options, as well as set the <strong>Apply on<\/strong> option to the \u201cValue change\u201d or \u201cClick on apply button\u201d.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/range-filter-widget-in-elementor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/range-filter-widget-in-elementor-1024x640.webp\" alt=\"range filter widget in elementor\" class=\"wp-image-50120\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/range-filter-widget-in-elementor-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/range-filter-widget-in-elementor-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/range-filter-widget-in-elementor-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/range-filter-widget-in-elementor-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/range-filter-widget-in-elementor-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/range-filter-widget-in-elementor.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Afterward, you can change the appearance of your filter in the <strong>Style <\/strong>settings section.<\/p>\n\n\n\n<p>When you\u2019re done with the settings, click the \u201c<strong>Publish<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-the-result\">Check the Result<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Open the edited page on the front end. The <strong>Price Range<\/strong> filter and <strong>Products Grid <\/strong>are now shown on the front-end page.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-and-woocommerce-products-on-the-frontend-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-and-woocommerce-products-on-the-frontend-page-1024x640.webp\" alt=\"price range filter and woocommerce products on the frontend page\" class=\"wp-image-50121\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-and-woocommerce-products-on-the-frontend-page-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-and-woocommerce-products-on-the-frontend-page-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-and-woocommerce-products-on-the-frontend-page-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-and-woocommerce-products-on-the-frontend-page-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-and-woocommerce-products-on-the-frontend-page-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-and-woocommerce-products-on-the-frontend-page.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Drag the slider to select the desired price range. Once done, the <strong>Products Grid <\/strong>will be filtered by the selected price.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-applied-to-the-woocommerce-products-grid-on-the-frontend-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-applied-to-the-woocommerce-products-grid-on-the-frontend-page-1024x640.webp\" alt=\"price range filter applied to the woocommerce products grid on the frontend page\" class=\"wp-image-50122\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-applied-to-the-woocommerce-products-grid-on-the-frontend-page-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-applied-to-the-woocommerce-products-grid-on-the-frontend-page-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-applied-to-the-woocommerce-products-grid-on-the-frontend-page-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-applied-to-the-woocommerce-products-grid-on-the-frontend-page-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-applied-to-the-woocommerce-products-grid-on-the-frontend-page-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/price-range-filter-applied-to-the-woocommerce-products-grid-on-the-frontend-page.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all; now, you know how to create a <strong>Price Range<\/strong> filter for <em>WooCommerce <\/em>products on your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial explains the steps required to create a Price Range filter for WooCommerce products using the JetSmartFilters plugin.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[419,523],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Price Range Filter \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Use the Range filter to filter WooCommerce products by price. Customers will be able to select a specific range and find the desired product on your WordPress website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Price Range Filter \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Use the Range filter to filter WooCommerce products by price. Customers will be able to select a specific range and find the desired product on your WordPress website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T10:34:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/\",\"name\":\"How to Create a Price Range Filter \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-05-17T08:55:05+00:00\",\"dateModified\":\"2026-05-19T10:34:22+00:00\",\"description\":\"Use the Range filter to filter WooCommerce products by price. Customers will be able to select a specific range and find the desired product on your WordPress website.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Price Range Filter for WooCommerce Products\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Price Range Filter \u2014 JetSmartFilters | Crocoblock","description":"Use the Range filter to filter WooCommerce products by price. Customers will be able to select a specific range and find the desired product on your WordPress website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Price Range Filter \u2014 JetSmartFilters | Crocoblock","og_description":"Use the Range filter to filter WooCommerce products by price. Customers will be able to select a specific range and find the desired product on your WordPress website.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/","og_site_name":"Help Center","article_modified_time":"2026-05-19T10:34:22+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-first-part-of-the-range-filter-settings-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/","name":"How to Create a Price Range Filter \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-05-17T08:55:05+00:00","dateModified":"2026-05-19T10:34:22+00:00","description":"Use the Range filter to filter WooCommerce products by price. Customers will be able to select a specific range and find the desired product on your WordPress website.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-price-range-filter-for-woocommerce-products\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Create a Price Range Filter for WooCommerce Products"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/8778"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=8778"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=8778"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=8778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}