{"id":677,"date":"2021-01-15T15:27:48","date_gmt":"2021-01-15T15:27:48","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=677"},"modified":"2023-02-10T17:35:38","modified_gmt":"2023-02-10T17:35:38","slug":"cannot-display-smart-filters-in-popup","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/","title":{"rendered":"Displaying Smart Filters in a Popup Window"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"create-a-new-popup\">Create a New Popup<\/h2>\n\n\n\n<p>Go to <strong><em>JetPopup &gt; Add New Popup<\/em><\/strong> in your WordPress admin panel, enter the title, and press \u201c<strong>Publish<\/strong>\u201d. Then hit the \u201c<strong>Edit with Elementor<\/strong>\u201d button and you\u2019ll see a popup editing window.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"insert-a-filter-into-it\">Insert a Filter into It<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<p>Use the necessary filter widgets to build a structure for the popup. If you are hardly familiar with the topic, there\u2019s a lot to learn about JetSmartFilters in our <a href=\"https:\/\/crocoblock.com\/knowledge-base\/article-category\/jetsmartfilters\/\">tutorials<\/a>. For instance, the <strong>Types of Filters<\/strong> will fill you in on the widgets. As a result, you might achieve something like this:<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/09\/Elementor-Filters-popup.png\" alt=\"popup window elements\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"set-up-the-popup-trigger-events\">Set up the Popup Trigger Events<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<p>Open the <strong><em>JetPopup Settings &gt; Settings<\/em><\/strong> tab in Elementor by clicking a gear icon in the bottom left corner of the editing screen. Choose the <strong>Open event<\/strong> option for your popup.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/09\/filters-popup-settings.png\" alt=\"selected open event option\">\n<\/div><\/div>\n\n\n\n<h2 class=\"item-4 wp-block-heading\" id=\"configure-the-popup-conditions\">Configure the Popup Conditions<\/h2>\n\n\n\n<p>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 \u201c<strong>Save Conditions<\/strong>\u201d tab and press \u201c<strong>Update<\/strong>\u201d to update the popup settings.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/09\/filters-popup-conditions.png\" alt=\"setting popup display conditions\">\n\n\n\n<p>Go to the webpage you\u2019ve assigned the popup to and check out how it works.<\/p>\n\n\n\n<p>You can also create a popup with smart filters inside and make it appear on the button click.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to customize the filters display as a slide-out popup with the JetPopup plugin.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","tipstricks-tags":[370,360],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Fitting Smart Filters into a Popup and Setting Triggers | Troubleshooting<\/title>\n<meta name=\"description\" content=\"Follow this guide and learn how to make the smart filters appear in a popup window. Find out how to create a popup and set trigger events.\" \/>\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\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fitting Smart Filters into a Popup and Setting Triggers | Troubleshooting\" \/>\n<meta property=\"og:description\" content=\"Follow this guide and learn how to make the smart filters appear in a popup window. Find out how to create a popup and set trigger events.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-10T17:35:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/09\/Elementor-Filters-popup.png\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/\",\"name\":\"Fitting Smart Filters into a Popup and Setting Triggers | Troubleshooting\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2021-01-15T15:27:48+00:00\",\"dateModified\":\"2023-02-10T17:35:38+00:00\",\"description\":\"Follow this guide and learn how to make the smart filters appear in a popup window. Find out how to create a popup and set trigger events.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips & tricks\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Displaying Smart Filters in a Popup Window\"}]},{\"@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":"Fitting Smart Filters into a Popup and Setting Triggers | Troubleshooting","description":"Follow this guide and learn how to make the smart filters appear in a popup window. Find out how to create a popup and set trigger events.","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\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/","og_locale":"en_US","og_type":"article","og_title":"Fitting Smart Filters into a Popup and Setting Triggers | Troubleshooting","og_description":"Follow this guide and learn how to make the smart filters appear in a popup window. Find out how to create a popup and set trigger events.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/","og_site_name":"Help Center","article_modified_time":"2023-02-10T17:35:38+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/09\/Elementor-Filters-popup.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/","url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/","name":"Fitting Smart Filters into a Popup and Setting Triggers | Troubleshooting","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2021-01-15T15:27:48+00:00","dateModified":"2023-02-10T17:35:38+00:00","description":"Follow this guide and learn how to make the smart filters appear in a popup window. Find out how to create a popup and set trigger events.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-display-smart-filters-in-popup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Tips & tricks","item":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/"},{"@type":"ListItem","position":3,"name":"Displaying Smart Filters in a Popup Window"}]},{"@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\/tips-and-tricks\/677"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tips-and-tricks"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/tips-and-tricks"}],"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=677"}],"wp:term":[{"taxonomy":"tipstricks-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tipstricks-tags?post=677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}