{"id":50998,"date":"2026-03-02T13:16:26","date_gmt":"2026-03-02T13:16:26","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=50998"},"modified":"2026-03-02T13:33:07","modified_gmt":"2026-03-02T13:33:07","slug":"how-to-connect-filters-with-providers-using-custom-ids","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/","title":{"rendered":"How to Connect Filters with Providers Using Custom IDs"},"content":{"rendered":"\n

From the Filters Providers Overview<\/strong><\/a> article, you know everything about widgets, blocks, and elements that are filterable with the JetSmartFilters <\/em>plugin. But the rules of connecting these widgets to the filters differ \u2014 this is what we focus on in this article. We will investigate how to apply custom IDs to different providers. <\/p>\n\n\n\n

In this guide, we assume you know how to set up the filters and how to get the posts or products for the providers. Here we are focusing on connecting filters to providers to avoid many troubles with the filters’ work. <\/p>\n\n\n\n

Remember to enable the needed providers in WordPress Dashboard > Smart Filters > Settings > General Settings<\/em><\/strong>.<\/p>\n\n\n\n

\"enable<\/a><\/div>\n\n\n
<\/svg><\/div>
Things to know<\/div>

Additionally, Smart Filters<\/strong> support the Dynamic Chart<\/strong>, Dynamic Table<\/strong><\/a>, and Maps<\/strong> widgets\/blocks\/elements of the JetEngine<\/em><\/a> plugin and the Query Loop<\/strong><\/a> element of Bricks<\/em>, although they are not present in this list.<\/p><\/div><\/div>\n\n\n\n

Elementor Pro Providers<\/h2>\n\n\n\n
\n

There are six widgets from Elementor Pro that can be filtered with the JetSmartFilters<\/em>. <\/p>\n\n\n\n

Elementor Pro Archive Products<\/h3>\n\n\n\n
\n

The \u201cElementor Pro Archive Products\u201d provider allows filtering the Archive Products<\/strong> widget of Elementor Pro. Mind that the widget should be added to the shop archive page so the content is displayed. <\/p>\n\n\n\n

So, add the Archive Products<\/strong> widget and the desired filter (Checkboxes filter<\/strong><\/a> for the WooCommerce<\/em> categories<\/a> in this case). <\/p>\n\n\n\n

Select the filter you created. For the This filter for<\/strong> field, select the \u201cElementor Pro Archive Products\u201d provider. In the Query ID<\/strong>, enter the unique ID. Copy it and keep it for now.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

Ensure that the Query ID<\/strong> you add does not have spaces, special characters, or numbers. It must be unique and not repeatable. Refer to our How to Apply Filters to Several Widgets on a Page<\/strong><\/a> guide to know how to apply the Query IDs<\/strong> to the filters and providers when there are several providers on the page.<\/p><\/div><\/div>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

Proceed to the Archive Products<\/strong> widget and open the Advanced <\/strong>settings section. In the CSS ID<\/strong> field, paste the Query ID<\/strong> you added to the filter.<\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Save the settings and see that on the front end, the filter works properly, returning the products from the selected \u201cAccessories\u201d category.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Elementor Pro Archive<\/h3>\n\n\n\n
\n

The \u201cElementor Pro Archive\u201d provider is used to filter the posts in the Archive Posts <\/strong>widget of Elementor Pro. The Archive Posts<\/strong> widget displays a list of any posts within archive templates<\/a>. The number of posts per page is controlled from the WordPress Reading <\/strong>settings (Dashboard >  Settings > Reading<\/em><\/strong>).<\/p>\n\n\n\n

So, move to the archive template and add the Archive Posts<\/strong> widget and the needed filter widget. In this case, we use the Select filter<\/strong><\/a> for posts\u2019 categories. <\/p>\n\n\n\n

Select the filter you created, and for the This filter for<\/strong> field, select the \u201cElementor Pro Archive\u201d provider. In the Query ID <\/strong>field, enter the unique ID. Copy it and keep it for now.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

Open the Archive Posts<\/strong> widget\u2019s Advanced <\/strong>settings tab. Paste the same Query ID<\/strong> you used for the filter into the CSS ID<\/strong> field.<\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Ensure that the changes are saved. On the front end, the archive posts are filtered correctly.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

The filter shows the correct post attached to the selected \u201cActivewear\u201d category.<\/p>\n\n\n\n

\"correct<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Elementor Pro Loop Grid<\/h3>\n\n\n\n
\n

The \u201cElementor Pro Loop Grid\u201d provider filters the Loop Grid<\/strong> widget of Elementor Pro. You can use the Loop Grid<\/strong> widget wherever on your site, but you need to create a template for the loop beforehand. <\/p>\n\n\n\n

Add the Loop Grid<\/strong> widget and the required filter (we use the Select filter<\/strong> for the posts\u2019 categories).<\/p>\n\n\n\n

In the Select Filter<\/strong> widget, select the filter you need. In the This filter for<\/strong> dropdown, select the \u201cElementor Pro Loop Grid\u201d provider. In the Query ID <\/strong>field, enter the unique ID.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

In the Loop Grid<\/strong> widget settings, enable the Is Filterable<\/strong> toggle.<\/p>\n\n\n\n

\"is<\/a><\/div>\n\n\n\n

Then, open the Advanced <\/strong>settings section and paste the same Query ID<\/strong> you used for the filter for the CSS ID<\/strong> input.<\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

On the frontend, we get the correct post from the \u201cActivewear\u201d category.<\/p>\n\n\n\n

\"loop<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Elementor Pro Portfolio<\/h3>\n\n\n\n
\n

The \u201cElementor Pro Portfolio\u201d allows filtering the Portfolio <\/strong>widget of Elementor Pro. It can also be added to any kind of page on your site. <\/p>\n\n\n\n

Add the Portfolio <\/strong>widget and the needed filter. In this case, we use the Select <\/strong>filter for the post categories. <\/p>\n\n\n\n

In the filter widget settings, select the filter you created. Select the \u201cElementor Pro Profile\u201d option for the This filter for<\/strong> dropdown.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

Open the Portfolio <\/strong>settings and proceed to the Query <\/strong>tab. In the Query ID<\/strong> input, enter the \u201cjet-smart-filters\u201d value.<\/p>\n\n\n\n

\"query<\/a><\/div>\n\n\n
<\/svg><\/div>
Things to know<\/div>

In case you are using more than one Portfolio<\/strong> widget on the page, and only one Portfolio<\/strong> is expected to be filtered, you need to apply the same Query ID<\/strong> in the filter\u2019s Query ID<\/strong> field and in the CSS ID<\/strong> field of the Portfolio<\/strong> widget in the Advanced<\/strong> tab.<\/p><\/div><\/div>\n\n\n\n

Save the changes and check the frontend. We get the correct posts.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Elementor Pro Posts<\/h3>\n\n\n\n
\n

The \u201cElementor Pro Posts\u201d provider filters the Posts <\/strong>widget of Elementor Pro. It can also be added anywhere on your site. <\/p>\n\n\n\n

Add the Posts <\/strong>widget and the required filter to the page. In this case, we use the Select filter<\/strong> for the posts\u2019 categories.<\/p>\n\n\n\n

In the Select Filter<\/strong> widget, select the filter you created. In the This filter for<\/strong> dropdown, choose the \u201cElementor Pro Posts\u201d provider.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

Open the Query <\/strong>tab of the Posts <\/strong>widget settings, enter the \u201cjet-smart-filters\u201d value in the Query ID<\/strong> input.<\/p>\n\n\n\n

\"query<\/a><\/div>\n\n\n
<\/svg><\/div>
Things to know<\/div>

In case you are using more than one Posts<\/strong> widget on the page, and only one Posts<\/strong> is expected to be filtered, you need to apply the same Query ID<\/strong> in the filter\u2019s Query ID<\/strong> field and in the CSS ID<\/strong> field of the Posts<\/strong> widget in the Advanced<\/strong> tab.<\/p><\/div><\/div>\n\n\n\n

Save the settings and check the frontend. The filter can be correctly applied to the Posts <\/strong>widget.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Elementor Pro Products<\/h3>\n\n\n\n
\n

The \u201cElementor Pro Products\u201d provider allows filtering the Products <\/strong>widget of Elementor Pro. The Products <\/strong>widget can be added to any desired page on the site. <\/p>\n\n\n\n

Add the Products <\/strong>widget and the needed filter. We use a Checkboxes filter<\/strong> for the WooCommerce <\/em>categories in this case. <\/p>\n\n\n\n

Select the filter you created in the Checkboxes Filter<\/strong> widget settings. Choose the \u201cElementor Pro Products\u201d provider from the This filter for<\/strong> dropdown list. In the Query ID<\/strong> input, enter the unique ID.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

In the Products <\/strong>widget settings, proceed to the Advanced <\/strong>tab. Enter the same Query ID <\/strong>you use for the filter in the CSS ID<\/strong> field.<\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Save the changes and ensure that the filter works well on the frontend.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

JetEngine Providers<\/h2>\n\n\n\n
\n

JetEngine <\/em>providers also connect via the Query ID<\/strong>. However, it is essential to emphasise that when the custom query<\/a> is applied to the listing<\/a>, the same Query ID<\/strong> you use for the filter and CSS ID<\/strong> should be added to the custom query settings.<\/p>\n\n\n\n

\"custom<\/a><\/div>\n\n\n\n

Additionally, when more than one query is used on the same page, it is recommended to apply different Custom Query IDs<\/strong> to all the queries on the page. <\/p>\n\n\n\n

JetEngine<\/h3>\n\n\n\n
\n

When you select the \u201cJetEngine\u201d provider, you can filter the Listing Grid<\/strong><\/a> widget. So, add the Listing Grid <\/strong>widget and the required filter. We use a Select filter<\/strong> for the CPT\u2019s<\/strong><\/a> taxonomy. <\/p>\n\n\n\n

Choose the filter you created and select the \u201cJetEngine\u201d provider from the This filter for<\/strong> dropdown. In the Query ID<\/strong> field, add the unique ID.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

Select the listing template<\/strong><\/a> you created in the Listing Grid<\/strong> settings. Then, proceed to the Advanced <\/strong>tab. Enter the same Query ID<\/strong> you used for the filter in the CSS ID <\/strong>field.<\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Remember to apply the same Query ID<\/strong> to the custom query if it is used. Save the changes and check the frontend. <\/p>\n\n\n\n

On the frontend, the filter works correctly.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

JetEngine Calendar<\/h3>\n\n\n\n
\n

The \u201cJetEngine Calendar\u201d provider filters JetEngine\u2019s <\/em>Dynamic Calendar<\/strong><\/a> widget. So, add the Dynamic Calendar<\/strong> and the required filter (we use the Select filter<\/strong> for the custom taxonomies.)<\/p>\n\n\n\n

In the filter\u2019s settings, select the filter you created and choose the \u201cJetEngine Calendar\u201d in the This filter for<\/strong> dropdown. Add the Query ID <\/strong>as well.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

When the Dynamic Calendar<\/strong> widget is set, move to the Advanced <\/strong>settings tab. Enter the same Query ID<\/strong> you used for the filter in the CSS ID<\/strong> input.<\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Save the changes and check the frontend. The filter works correctly with the Dynamic Calendar<\/strong>.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

JetEngine Maps<\/h3>\n\n\n\n
\n

\u201cJetEngine Maps\u201d provider allows filtering JetEngine\u2019s <\/em>Maps Listing<\/strong><\/a> widget. Add the Maps Listing<\/strong> and the needed filter to the page. In this case, we use a Radio filter<\/strong><\/a>. <\/p>\n\n\n\n

In the Radio Filter<\/strong> widget settings, select the filter you created and choose the \u201cJetEngine Maps\u201d provider in the This filter for <\/strong>field. In the Query ID<\/strong> field, add the unique ID.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

The same Query ID<\/strong> should be added to the CSS ID<\/strong> field in the Advanced <\/strong>tab of the Maps Listing <\/strong>widget. <\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Save the settings and ensure that the filter works correctly on the frontend. <\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

JetEngine Dynamic Table<\/h3>\n\n\n\n
\n

The \u201cJetEngine Dynamic Table\u201d provider allows you to filter through the JetEngine\u2019s <\/em>Dynamic Tables<\/strong><\/a>. To get this provider, you need to enable the Dynamic Tables Builder<\/strong> module in WordPress Dashboard > JetEngine > JetEngine > Modules > External Modules<\/em><\/strong>.<\/p>\n\n\n\n

\"dynamic<\/a><\/div>\n\n\n\n

Once your table and filter are prepared, add the Dynamic Table<\/strong> and the required filter widgets. In this case, we use the Select filter<\/strong>.<\/p>\n\n\n\n

In the filter settings, select the filter you created and choose the \u201cJetEngine Dynamic Tables\u201d provider from the This filter for<\/strong> dropdown. In the Query ID <\/strong>field, set the unique ID. <\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

In the Advanced <\/strong>tab of the Dynamic Table<\/strong> widget, set the same Query ID<\/strong> used for the filter in the CSS ID<\/strong> field.<\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Save the changes and check the frontend. The filter works well.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

JetEngine Dynamic Chart<\/h3>\n\n\n\n
\n

The \u201cJetEngine Dynamic Chart\u201d provider allows you to filter through the JetEngine\u2019s <\/em>Dynamic Chart<\/strong><\/a>. To enable this provider, you need to enable the Dynamic Chart Builder<\/strong> module in WordPress Dashboard > JetEngine > JetEngine > Modules > External Modules<\/em><\/strong>.<\/p>\n\n\n\n

\"dynamic<\/a><\/div>\n\n\n\n

When charts and filters are set up, add the Dynamic Chart<\/strong> and filter widgets to the page. In this case, we use a Select filter<\/strong>. Select the needed filter in the widget settings. Choose the \u201cJetEngine Dynamic Chart\u201d provider in the This filter for<\/strong> field. Set the unique Query ID<\/strong>. <\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

In the Advanced <\/strong>settings tab of the Dynamic Chart<\/strong> widget, set the Query ID<\/strong> in the CSS ID<\/strong>.<\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Save the settings and check the frontend, ensuring that the filter works correctly.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

JetEngine Multi-Day Calendar<\/h3>\n\n\n\n
\n

The \u201cJetEngine Multi-Day Calendar\u201d provider allows filtering the Multi-Day Calendar<\/strong><\/a> widget. Add the Multi-Day Calendar <\/strong>and filter widgets (we use the Select filter<\/strong>). <\/p>\n\n\n\n

Select the filter you created and choose the \u201cJetEngine Multi-Day Calendar\u201d provider in the This filter for <\/strong>dropdown. Set the unique Query ID<\/strong>. <\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

In the Advanced <\/strong>tab of the Multi-Day Calendar<\/strong> widget, set the same Query ID<\/strong> in the CSS ID<\/strong>. <\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Save the changes and check the frontend. The filter works correctly in our case.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

JetWooBuilder Providers<\/h2>\n\n\n\n
\n

As far as WooCommerce <\/em>products are filterable with JetSmartFilters<\/em>, JetWooBuilder\u2019s<\/em><\/a> widgets can be filtered as well. <\/p>\n\n\n\n

JetWooBuilder Products Grid<\/h3>\n\n\n\n
\n

The \u201cJetWooBuilder Products Grid\u201d provider allows filtering the Products Grid<\/strong><\/a> widget on any page of the site. <\/p>\n\n\n\n

Add the Products Grid<\/strong> and the required filter widgets to the page. We use the Checkboxes filter<\/strong> for the products\u2019 categories. <\/p>\n\n\n\n

In the filter\u2019s settings, select the filter you created. In the This filter for<\/strong> dropdown, select the \u201cJetWooBuilder Products Grid\u201d provider. In the Query ID<\/strong> field, enter the unique ID.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

Once the Products Grid<\/strong> widget is set up, open the Advanced <\/strong>settings tab and enter the same Query ID<\/strong> you used for the filter in the CSS ID<\/strong> field. <\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Save the changes and check the frontend. The filter works as expected.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

JetWooBuilder Products List<\/h3>\n\n\n\n
\n

With the \u201cJetWooBuilder Products List\u201d provider, you can filter the Products List<\/strong><\/a> widget. Add the Products List<\/strong> and the filter widgets to the needed page. We use the Checkboxes filter<\/strong> for the products\u2019 categories.<\/p>\n\n\n\n

Select the filter you created in the filter\u2019s settings. Choose the \u201cJetWooBuilder Products List\u201d provider in the This filter for <\/strong>dropdown list. Set the unique ID in the Query ID<\/strong> field.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

In the Products List <\/strong>widget, proceed to the Advanced <\/strong>settings tab. In the CSS ID<\/strong> input, paste the same Query ID<\/strong> you used for the filter.<\/p>\n\n\n\n

\"css<\/a><\/div>\n\n\n\n

Save the changes and check the frontend. The filter is applied correctly.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

WooCommerce Archive (by JetWooBuilder)<\/h3>\n\n\n\n
\n

The \u201cWooCommerce Archive (by JetWooBuilder)\u201d provider filters the Products Loop<\/strong><\/a> widget of the JetWooBuilder <\/em>plugin. It allows displaying a product loop on the product archive shop page<\/a>. <\/p>\n\n\n\n

Add the prepared Products Loop<\/strong> and filter widgets to the product archive shop page. We use the Checkboxes filter<\/strong> for the products\u2019 categories. <\/p>\n\n\n\n

In the filter\u2019s settings, select the required filter and choose the \u201cWooCommerce Archive (by JetWooBuilder<\/em>)\u201d provider in the This filter for<\/strong> field.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

No other special settings are needed for the Products Loop<\/strong> widget. Save the changes and check that the filter works on the frontend.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

WooCommerce Providers<\/h2>\n\n\n\n
\n

Samelessly, JetSmartFilters <\/em>work with the WooCommerce <\/em>original widgets. However, here come some specific settings.<\/p>\n\n\n\n

Default WooCommerce Archive (Classic)<\/h3>\n\n\n\n
\n

The \u201cDefault WooCommerce Archive (Classic)\u201d provider allows you to filter the native WooCommerce <\/em>archive. It does not require Query ID<\/strong>s, but involves other features. Refer to our How to Add Filters for WooCommerce Products to a Classic Theme’s Sidebar<\/strong><\/a> guide to learn how to set the filter for this provider correctly.<\/p>\n\n\n\n

\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n

WooCommerce Shortcode<\/h3>\n\n\n\n
\n

The \u201cWooCommerce Shortcode\u201d provider allows filtering WooCommerce <\/em>products displayed using the shortcode<\/a>. <\/p>\n\n\n\n

Add the required shortcode and the filter widget. In this case, we use the [products limit=\u201d4\u2033 columns=\u201d4\u2033 orderby=\u201did\u201d order=\u201dDESC\u201d visibility=\u201dvisible\u201d] shortcode and the Checkboxes filter<\/strong>. <\/p>\n\n\n\n

In the filter settings, select the filter you created, and choose the \u201cWooCommerce Shortcode\u201d provider in the This filter for<\/strong> field. In the Query ID<\/strong> field, set the unique ID. <\/p>\n\n\n\n

\"filter<\/a><\/div>\n\n\n\n

When we apply the Query ID<\/strong> to the WooCommerce Shortcode<\/strong>, it has to be specified as an attribute class: [products class=”query_id”]. So we modify our shortcode to the following: <\/p>\n\n\n\n

[products limit=\"4\" columns=\"4\" orderby=\"id\" order=\"DESC\" visibility=\"visible\" class=\"my_products\"]<\/code><\/pre>\n\n\n\n
\"woocommerce<\/a><\/div>\n\n\n\n
Save the changes and check the result. The filter works well.<\/p>\n\n\n\n
\"filter<\/a><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n
JSF Listing<\/h2>\n\n\n\n
\n
The \u201cJSF Listing\u201d provider allows filtering listings created with the built-in JetSmartFilters <\/em>Listing Builder<\/strong><\/a>. <\/p>\n\n\n\n
So add the required filter and the JSF Listing<\/strong> widgets to the page. We use a Select filter<\/strong> here. <\/p>\n\n\n\n
In the Select filter <\/strong>dropdown list, choose the filter you previously built, and then assign the \u201cJSF Listing\u201d provider to this filter in the This filter for <\/strong>field.<\/p>\n\n\n\n
\"filter<\/a><\/div>\n\n\n\n
The JSF Listing<\/strong> widget does not require any specific settings to be filtered.<\/p>\n\n\n\n
\"jsf<\/a><\/div>\n\n\n\n
Save the settings and check the frontend. The filter is applied correctly.<\/p>\n\n\n\n
\"filter<\/a><\/div>\n<\/div><\/div>\n\n\n\n
That\u2019s it. Now you know how to connect filters to different providers using custom IDs in the JetSmartFilters <\/em>WordPress plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"
This tutorial is focused on connecting filters to different providers using custom IDs in the JetSmartFilters WordPress plugin.<\/p>\n","protected":false},"author":20,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[421],"yoast_head":"\nHow to Connect Filters with Providers Using Custom IDs \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover how to connect filters to different providers using custom IDs in the JetSmartFilters WordPress plugin.\" \/>\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\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Connect Filters with Providers Using Custom IDs \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover how to connect filters to different providers using custom IDs in the JetSmartFilters WordPress plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-02T13:33:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/enable-providers-for-filters-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=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/\",\"name\":\"How to Connect Filters with Providers Using Custom IDs \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-03-02T13:16:26+00:00\",\"dateModified\":\"2026-03-02T13:33:07+00:00\",\"description\":\"Discover how to connect filters to different providers using custom IDs in the JetSmartFilters WordPress plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/#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 Connect Filters with Providers Using Custom IDs\"}]},{\"@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 Connect Filters with Providers Using Custom IDs \u2014 JetSmartFilters | Crocoblock","description":"Discover how to connect filters to different providers using custom IDs in the JetSmartFilters WordPress plugin.","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\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/","og_locale":"en_US","og_type":"article","og_title":"How to Connect Filters with Providers Using Custom IDs \u2014 JetSmartFilters | Crocoblock","og_description":"Discover how to connect filters to different providers using custom IDs in the JetSmartFilters WordPress plugin.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/","og_site_name":"Help Center","article_modified_time":"2026-03-02T13:33:07+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/enable-providers-for-filters-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/","name":"How to Connect Filters with Providers Using Custom IDs \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-03-02T13:16:26+00:00","dateModified":"2026-03-02T13:33:07+00:00","description":"Discover how to connect filters to different providers using custom IDs in the JetSmartFilters WordPress plugin.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-connect-filters-with-providers-using-custom-ids\/#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 Connect Filters with Providers Using Custom IDs"}]},{"@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\/50998"}],"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\/20"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=50998"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=50998"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=50998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}