Troubleshooting //
How to Show the Smart Filters in a Popup Window

How to Show the Smart Filters in a Popup Window

Question

Can the filters be triggered by a slide-out?

Answer

Absolutely! You can insert smart filters into a popup that you create with the JetPopup plugin. Unfortunately, it won’t work with an Elementor popup. Follow the steps below:

Create a new popup.

Go to JetPopup > Add New Popup in your WordPress admin panel, enter the title, and press “Publish”. Then hit the “Edit with Elementor” button and you’ll see a popup editing window.

Insert a filter into it.

Use the necessary filter widgets to build a structure of the popup. If you are hardly familiar with the topic, there’s a lot to learn about JetSmartFilters in our Knowledge Base. For instance, the Types of Filters will fill you in on the widgets. As a result, you might achieve something like this:

popup window elements

Set up the popup trigger events.

Open the JetPopup Settings > Settings tab in Elementor by clicking a gear icon in the bottom left corner of the editing screen. Choose the Open event option for your popup.

selected open event option

Configure the conditions.

Unfold the Display Settings tab and set up the conditions. You can add as many as necessary and thus adjust the popup display on the website. Then click on the “Save Conditions” tab and press “Update” to update the popup settings.

setting popup display conditions

Enjoy the result.

Go to the webpage you’ve assigned the popup to and check out how it works:

You can also create a popup with smart filters inside and make it appear on the button click – all thanks to our JetPopup plugin. For more details, feel free to comb through the following tutorials:

Was this article helpful?
YesNo
Still need help?
Submit a request