If you like Elementor Page Builder, it is possible that you have updated it to Pro and use some other tools made especially for it. In this case, there could be several widgets of different providers placed to the same page. And you may want to apply one filter to several of them. From this tutorial, you’ll learn how to filter data of different providers’ widgets with the help of the JetSmartFilters plugin.
There is a limited list of providers that are compatible with JetSmartFilters. To find them, go to Elementor > JetSmartFilters Settings. There you will see the list of the available providers and can disable some of them that you don’t need.
For example, you can filter widgets from JetEngine, JetWooBuilder, and Elementor Pro at the same time. Now, let’s have a closer look at this process.
Additional Providers List option overview
1 Step — Preparation
Firstly, you need to create the content that you’ll be further filtering with the JetSmartFilters plugin. In this case, we will be filtering the posts displayed in the Listings Grid and Maps Listing widgets from the JetEngine plugin, but you can also filter widgets from the JetWooBuilder plugin or Elementor Pro’s widgets.
After that, you need to create a filter. Let’s assume it will be a Checkboxes list filter to sort posts by the name of the country. If you have problems with it – check out our Filter creation tutorial.
Once you’re done, navigate to the page where you would like to display your content.
2 Step — Additional Providers List option
Now, let’s use Listing Grid and Maps Listing widgets to display the content from the posts and apply a Checkbox filter to them. Drag-n-drop the Checkboxes filter widget to the page. Define all the settings. If you need an insight – go through the Filter assignment tutorial.
After that, turn on the Additional Providers Enabled toggle.
Afterward, you’ll see the Additional Providers List item where you’ll need to choose Additional Provider and type in the Additional Query ID. If you don’t know how to assign the filter to a widget – check out this tutorial.
That’s all. Now when you choose the option in the filter, it will be applied both to the widget of the provider you select in This filter for option and Additional Provider drop-down list.
Congrats! Now you know how to filter the widgets of more than one provider with the help of the filter from the JetSmartFilters plugin.