{"id":227,"date":"2023-08-10T11:01:00","date_gmt":"2023-08-10T08:01:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=227"},"modified":"2026-01-20T19:57:15","modified_gmt":"2026-01-20T17:57:15","slug":"how-to-create-a-popup-for-your-shop-archive-page","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/","title":{"rendered":"Create a popup for your shop archive page"},"content":{"rendered":"\n<p>Create a popup that seamlessly blends into your product archive pages, making the popup feel like a natural design element.<\/p>\n\n\n\n<p>You\u2019ll learn how to create a popup that:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Blends in naturally with your website<\/li>\n\n\n\n<li>Displays on its corresponding category \/ product archive page<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-embed 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 title=\"Create a Popup For Your WordPress Shop Archive Page\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/w80NU9kcHIc?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<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Design Product Archive Templates<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <em>WooCommerce &gt; Categories<\/em> and create product categories if you haven\u2019t already done so.<\/li>\n\n\n\n<li>Go to <strong>Elementor&gt;Editor<\/strong> and click <strong>Templates<\/strong> to <a href=\"https:\/\/elementor.com\/help\/creating-a-woocommerce-archive-template\/\">create an archive template<\/a> for each product category. <br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"309\" class=\"wp-image-160838\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png 1234w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates-300x136.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates-1024x465.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates-768x349.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>Make sure your category image is positioned in an area that will coordinate with the popup you design, as it will be an integral part of the entire animated effect.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Set The Product Archive Templates\u2019 Publish Options<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>For each template, set the<em> Display Conditions<\/em> to <strong>Include: Product Categories<\/strong><em style=\"font-weight: bold\"> &gt;<\/em> search and select the relevant category for each<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1496\" height=\"891\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-39desrIfOr.jpg\" alt=\"\" class=\"wp-image-2221\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-39desrIfOr.jpg 1496w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-39desrIfOr-300x179.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-39desrIfOr-1024x610.jpg 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-39desrIfOr-768x457.jpg 768w\" sizes=\"(max-width: 1496px) 100vw, 1496px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Design the Popup and Its Content<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Elementor&gt;Editor<\/strong> and open the <strong>Templates<\/strong> field.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"309\" class=\"wp-image-160838\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png 1234w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates-300x136.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates-1024x465.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates-768x349.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Select <strong>Popups<\/strong> to create a new popup. <br><img decoding=\"async\" width=\"680\" height=\"351\" class=\"wp-image-161395\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Popups.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Popups.png 1225w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Popups-300x155.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Popups-1024x528.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Popups-768x396.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Choose a pre-designed Popup template or close the Library overlay and design your Popup from scratch. Because this popup will closely integrate with the design of the product archive templates, it\u2019s best to design your own. For details, see <a href=\"https:\/\/elementor.com\/help\/how-do-i-create-my-first-popup\/\">Create a popup<\/a>.<\/li>\n\n\n\n<li>Design the popup content with the category in mind. Leave an area on the top of the popup with some blank space, so the archive template image can overlay it nicely.<\/li>\n\n\n\n<li>In <em>Popup Settings &gt; Layout<\/em>, set <em>Entrance Animation<\/em> to <strong>Slide In Left<\/strong>.<\/li>\n\n\n\n<li>In <em>Popup Settings &gt; Advanced<\/em>, set <em>Disable Page Scrolling<\/em> to <strong>Yes<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Set The Publish Options<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to &nbsp;<em>Publish Settings &gt; Conditions<\/em>, and set <strong>Include &gt; WooCommerce &gt; Product Categories &gt; <\/strong>search and select the relevant category.<\/li>\n\n\n\n<li>Go to <em>Triggers<\/em> and set <strong>On Scroll Direction<\/strong> to <strong>Down<\/strong> and <em>Within<\/em> <strong>8%<\/strong> of scrolling. Of course, adjust the percentage to accommodate your design so that the popup coordinates with where you have your category image displaying on the product archive page.<\/li>\n\n\n\n<li>Go to <em>Advanced Rules<\/em> and set <strong>Show On Devices<\/strong> only to <strong>Desktop<\/strong>, since this design concept won\u2019t work as well on laptop or mobile. You can always create different popups and design schemes for those devices if you choose.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1490\" height=\"892\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-aac0Hrxpxj.jpg\" alt=\"\" class=\"wp-image-2224\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-aac0Hrxpxj.jpg 1490w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-aac0Hrxpxj-300x180.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-aac0Hrxpxj-1024x613.jpg 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-aac0Hrxpxj-768x460.jpg 768w\" sizes=\"(max-width: 1490px) 100vw, 1490px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Adjust The Product Archive Template<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Elementor&gt;Editor<\/strong> and click <strong>Template<\/strong> to edit your product archive template that will be using this popup.<\/li>\n\n\n\n<li>Edit the category image widget and go to its <em>Advanced<\/em> tab, and set the Z<em>-Index<\/em> to <strong>10,000<\/strong>. This will allow the category image to appear on top of the overlay and popup.<\/li>\n<\/ol>\n\n\n\n<p>Repeat the steps for each product category, creating a relevant popup for each. Ensure that every popup focuses on a product in the category that pairs well with the category\u2019s image. Use Conditions to assign each popup you design to its product category.<\/p>\n\n\n\n<p>All done. Now visit the live product category pages, and see how seamlessly your popups blend with your archives.<\/p>\n\n\n\t\t<div data-elementor-type=\"page\" data-elementor-id=\"50297\" class=\"elementor elementor-50297\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-397c5337 e-flex e-con-boxed e-con e-parent\" data-id=\"397c5337\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-720e0be2 elementor-widget elementor-widget-text-editor\" data-id=\"720e0be2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><div class=\"hbox callout-default\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong><\/strong>\n                    <div class=\"hcontent\">Keep visitors engaged with an exit-intent popup. <\/span><a href=\"https:\/\/elementor.com\/help\/exit-intent-popup-service\/\"><span style=\"font-weight: 400;\">Elementor Premium Services<\/span><\/a><span style=\"font-weight: 400;\"> offers expert help designing and implementing the perfect popup. <\/div>\n                <\/div>\n            <\/div><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\n\n\t\t<div data-elementor-type=\"page\" data-elementor-id=\"50328\" class=\"elementor elementor-50328\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b050177 e-flex e-con-boxed e-con e-parent\" data-id=\"6b050177\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b76644d elementor-widget elementor-widget-text-editor\" data-id=\"3b76644d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><div class=\"hbox callout-default\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong><\/strong>\n                    <div class=\"hcontent\"><span style=\"font-weight: 400;\">Need expert help in creating that perfect lead-collection popup for your marketing campaign? Check out <\/span><a href=\"https:\/\/elementor.com\/help\/lead-collection-popup-service\/\"><span style=\"font-weight: 400;\">Elementor Premium Services<\/span><\/a><span style=\"font-weight: 400;\">.<\/div>\n                <\/div>\n            <\/div><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create a popup that blends into your product archive pages<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3d886154b3eeabf8dac36"],"footnotes":""},"categories":[1467],"tags":[1389,1388,1390,1398,1235],"class_list":["post-227","post","type-post","status-publish","format-standard","hentry","category-popups","tag-advanced","tag-agency","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create a popup for your shop archive page | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create a popup for your shop archive page in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a popup for your shop archive page | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create a popup for your shop archive page in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-10T08:01:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T17:57:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1234\" \/>\n\t<meta property=\"og:image:height\" content=\"560\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Create a popup for your shop archive page\",\"datePublished\":\"2023-08-10T08:01:00+00:00\",\"dateModified\":\"2026-01-20T17:57:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/\"},\"wordCount\":501,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Popups\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/\",\"url\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/\",\"name\":\"Create a popup for your shop archive page | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png\",\"datePublished\":\"2023-08-10T08:01:00+00:00\",\"dateModified\":\"2026-01-20T17:57:15+00:00\",\"description\":\"Learn everything about Create a popup for your shop archive page in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png\",\"width\":1234,\"height\":560},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Themes\",\"item\":\"https:\/\/elementor.com\/help\/themes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Popups\",\"item\":\"https:\/\/elementor.com\/help\/themes\/popups\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Create a popup for your shop archive page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a popup for your shop archive page | Elementor","description":"Learn everything about Create a popup for your shop archive page in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/","og_locale":"en_US","og_type":"article","og_title":"Create a popup for your shop archive page | Elementor","og_description":"Learn everything about Create a popup for your shop archive page in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/","og_site_name":"Help","article_published_time":"2023-08-10T08:01:00+00:00","article_modified_time":"2026-01-20T17:57:15+00:00","og_image":[{"width":1234,"height":560,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Create a popup for your shop archive page","datePublished":"2023-08-10T08:01:00+00:00","dateModified":"2026-01-20T17:57:15+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/"},"wordCount":501,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png","keywords":["Advanced","Agency","Expert","Legacy Essential","Pro"],"articleSection":["Popups"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/","url":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/","name":"Create a popup for your shop archive page | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png","datePublished":"2023-08-10T08:01:00+00:00","dateModified":"2026-01-20T17:57:15+00:00","description":"Learn everything about Create a popup for your shop archive page in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-Templates.png","width":1234,"height":560},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-create-a-popup-for-your-shop-archive-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Themes","item":"https:\/\/elementor.com\/help\/themes\/"},{"@type":"ListItem","position":3,"name":"Popups","item":"https:\/\/elementor.com\/help\/themes\/popups\/"},{"@type":"ListItem","position":4,"name":"Create a popup for your shop archive page"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":6,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":162056,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/227\/revisions\/162056"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}