{"id":9961,"date":"2023-11-21T11:12:06","date_gmt":"2023-11-21T11:12:06","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=9961"},"modified":"2025-10-15T05:09:16","modified_gmt":"2025-10-15T05:09:16","slug":"woocommerce-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/woocommerce-popup\/","title":{"rendered":"How to Create a WooCommerce popup?"},"content":{"rendered":"<p>In my experience,\u00a0<strong>WooCommerce\u00a0<\/strong>excels in online store management, offering extensive customization and other functionalities to enhance the shopping experience.<\/p>\n<p>Recently, I was intrigued by using popups to boost my email list growth and increase click-through rates (CTRs).<\/p>\n<p>Surprisingly, WooCommerce offers a popup extension that allows you to create engaging prompts for your website visitors.<\/p>\n<p>Here, I will guide you through two methods of creating popups in WooCommerce: using WooCommerce&#8217;s built-in popup extension and utilizing a third-party popup maker like\u00a0<strong>Picreel<\/strong>.<\/p>\n<p>Check out what my Picreel popup looks like in WooCommerce.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9963\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_-woocommerce-campaign-popup.jpg\" alt=\"woocommerce campaign popup\" width=\"1076\" height=\"659\" \/><\/p>\n<p>But before we delve into the step-by-step instructions, let&#8217;s explore the differences between these two approaches.<\/p>\n<div id=\"tablepress-179-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-179\" class=\"tablepress tablepress-id-179 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">WooCommerce Popup<\/th><th class=\"column-3\">Picreel Popup<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Multi-platform support<\/td><td class=\"column-2\">\u2705 Primarily supports WordPress websites<\/td><td class=\"column-3\">\u2705 Supports integration with various website platforms, including WordPress, Wix, Drupal, and more.<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Exit Intent Technology<\/td><td class=\"column-2\">\u274c Does not offer triggers based on exit intent<\/td><td class=\"column-3\">\u2705 Can trigger popups when users show signs of leaving<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Advanced Popup Builder<\/td><td class=\"column-2\">\u274c Offers basic pop-up creation with few customization options<\/td><td class=\"column-3\">\u2705 Allows for advanced customization of popups, including different designs and triggering options<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Integrates with various website platforms<\/td><td class=\"column-2\">\u274c Integrates primarily with WooCommerce-based websites<\/td><td class=\"column-3\">\u2705 Able to integrate with a variety of website platforms across the web.<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Advanced targeting options<\/td><td class=\"column-2\">\u2705 Limited to basic user segmentation features<\/td><td class=\"column-3\">\u2705 Provides advanced targeting features, offering personalized content based on user behaviors<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div><!-- #tablepress-179 from cache -->\n<p>After comparing these criteria, based on my personal experience, I highly recommend using Picreel for creating popups. Here are the top three reasons:<\/p>\n<ol>\n<li><strong>Multi-platform support:<\/strong>\u00a0Picreel offers compatibility with various website platforms, enabling you to maintain your popup tool even if you decide to switch platforms in the future.<\/li>\n<li><strong>More features:\u00a0<\/strong>With Picreel, you gain access to a wide array of advanced features that go beyond the basic options provided by WooCommerce popups. This allows you to create more engaging and effective popups.<\/li>\n<li><strong>Better customization options:<\/strong>\u00a0Picreel provides extensive customization options, allowing you to tailor your popups precisely to your brand&#8217;s requirements and design preferences.<\/li>\n<\/ol>\n<p>Nevertheless, in this tutorial, I will show you how to create a popup in WooCommerce to ensure you have a comprehensive understanding. Let&#8217;s start with Method 1: using WooCommerce&#8217;s built-in popup extension.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_WooCommerce%E2%80%99s_Built-in_Popup\"><\/span>Method 1: Using WooCommerce&#8217;s Built-in Popup<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Fortunately, WooCommerce offers its own built-in popup extension, making it easy to create popups without the need for any external plugins. Follow the steps below to create your popup using WooCommerce:<\/p>\n<p><strong>1.<\/strong> Download and install the<strong>\u00a0Aheadworks Popup Pro<\/strong>\u00a0by navigating to \u201c<strong>Plugins<\/strong>\u201d<strong>\u00a0<\/strong>in your\u00a0<strong>WordPress Admin area &gt; Add New.<\/strong>\u00a0Click on the &#8220;<strong>Upload Plugin<\/strong>&#8221; button and select the .zip file you downloaded. Click &#8220;<strong>Install Now<\/strong>&#8221; and then &#8220;<strong>Activate<\/strong>&#8221; the plugin.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9966\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/woocommerce-_PIC_Download-and-install.jpg\" alt=\"Download and install\" width=\"1533\" height=\"546\" \/><\/p>\n<p><strong>2.<\/strong> After activating the plugin, you should see a new &#8220;<strong>Popup Pro<\/strong>&#8221; menu item in your WordPress admin menu. Click it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9967\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/woocommerce-_PIC_Popup-Pro.jpg\" alt=\"Popup Pro\" width=\"1270\" height=\"524\" \/><\/p>\n<p><strong>3.<\/strong> In the Popup Pro menu, click on &#8220;<strong>Create New Popup<\/strong>.&#8221; You will have two options: Linked Products Popup and Subscriptions Popup. Choose the one you want to create.<\/p>\n<p><strong>4.<\/strong> You will see different configuration options depending on the type of popup you selected. Fill in the required information, such as the name of the popup, popup title, what to display, maximum number of products, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9968\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/woocommerce-_PIC_Create-New-Popup.jpg\" alt=\"Create New Popup\" width=\"810\" height=\"556\" \/><\/p>\n<p><strong>5.<\/strong> After configuring the popup, click on the &#8220;<strong>Preview<\/strong>&#8221; button to see how it looks.<\/p>\n<p><strong>6.<\/strong> Once you are satisfied with the popup&#8217;s configuration and preview, click the &#8220;<strong>Save as Unpublished<\/strong>&#8221; or &#8220;<strong>Publish<\/strong>&#8221; button to save the popup.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9969\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/woocommerce-_PIC_Publish.jpg\" alt=\"Publish\" width=\"810\" height=\"222\" \/><\/p>\n<p>Now, let&#8217;s explore Method 2.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_2_Using_Picreel_Popup_Builder\"><\/span>Method 2: Using Picreel Popup Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Picreel is a popular third-party popup creator that offers compatibility with WooCommerce as well as various other platforms.<\/p>\n<p>Watch this video tutorial on how you can create a popup using Picreel:<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/J1tBmOnBJEA?si=OB3cQk67CyjDH4om\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Here are step-by-step instructions on creating an WooCommerce popup using Picreel:<\/p>\n<p><strong>1.<\/strong> Sign up for a Picreel account and log in.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9856\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_Sign-up-for-a-Picreel-account-and-log-in.jpg\" alt=\"Sign up for a Picreel account and log in\" width=\"1313\" height=\"658\" \/><\/p>\n<p><strong>2.<\/strong> Go to the \u201c<strong>Campaigns<\/strong>\u201d menu and click &#8220;<strong>New Campaign<\/strong>&#8221; from the top right. Also, you can select the templates option from the drop-down or start from scratch.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10754\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_New-Campaign.-2.jpg\" alt=\"New Campaign\" width=\"1313\" height=\"561\" \/><\/p>\n<p><strong>3.<\/strong> From the templates menu, choose the type of popup you want to create.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9859\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_templates-menu.jpg\" alt=\"templates menu\" width=\"1313\" height=\"243\" \/><\/p>\n<p><strong>4.<\/strong> Once you select the design, customize it according to your preferences.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9970\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_design-customize-\u2013-5.jpg\" alt=\"customize\" width=\"1313\" height=\"619\" \/><\/p>\n<p><strong>5.<\/strong> Configure your targeting and trigger options to specify when and where you want your popup to appear.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9861\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_Configure.jpg\" alt=\"Configure\" width=\"1313\" height=\"558\" \/><\/p>\n<p><strong>6.<\/strong> Click &#8220;<strong>Save<\/strong>&#8221; to activate your popup.<\/p>\n<h3>Embedding Picreel HTML Code Inside WooCommerce<\/h3>\n<p>To embed a Picreel popup on your WooCommerce website, follow these steps:<\/p>\n<p><strong>1.<\/strong> Navigate to campaigns and click on &#8220;<strong>View Code.<\/strong>&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10760\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_View-Code-2.jpg\" alt=\"View Code\" width=\"1601\" height=\"344\" \/><\/p>\n<p><strong>2.<\/strong> Click on the code to copy it.<\/p>\n<p><strong>3.<\/strong> Log in to your WordPress site and navigate to the dashboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9971\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/woocommerce-_PIC_WordPress-site.jpg\" alt=\"WordPress site\" width=\"1267\" height=\"857\" \/><\/p>\n<p><strong>4.<\/strong> Mouse over the WooCommerce tab on the left-hand side and click &#8220;<strong>Settings<\/strong>.&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9972\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/woocommerce-_PIC_Settings.jpg\" alt=\"Settings\" width=\"1678\" height=\"575\" \/><\/p>\n<p><strong>5.<\/strong> On the Settings page, click on the &#8220;<strong>Checkout<\/strong>&#8221; tab.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9973\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/woocommerce-_PIC_Checkout.jpg\" alt=\"Checkout\" width=\"1366\" height=\"575\" \/><\/p>\n<p><strong>6.<\/strong> Look for the &#8220;<strong>Order Notes<\/strong>&#8221; section and click on the checkbox labeled &#8220;<strong>Enable HTML input<\/strong>&#8221; to allow HTML code input.<\/p>\n<pre><strong>Read More - <a href=\"https:\/\/www.picreel.com\/blog\/best-pop-up-maker-for-wordpress\/\">Best Popup Maker Tools: Top 8 Choices to Boost Conversions<\/a>\r\n<\/strong><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Which_Method_is_Better_Method_1_or_Method_2\"><\/span>Which Method is Better: Method 1 or Method 2?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Now, the big question arises: which method should you choose? Well, it ultimately depends on your specific preferences and requirements.<\/p>\n<p>If you prioritize long-term sustainability, more sophisticated popup options, and additional triggers, <a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a> is likely the better choice. Despite platform changes, popup campaign data remains intact within Picreel and it also offers advanced features that can help you achieve better conversions and increased leads.<\/p>\n<p>Also, Picreel comes with a forever-free plan for startups and small businesses and allows you to create unlimited popups with all premium features as compared to the $25 needed for the Woocommerce plugin. I feel the free version does the job, however, you can always look for paid options that start as low as $9.99\/month.<\/p>\n<p>Ultimately, the choice is yours to make based on your budget and the specific features and customization options you value the most.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In my experience,\u00a0WooCommerce\u00a0excels in online store management, offering extensive customization and other functionalities to enhance the shopping experience. Recently, I was intrigued by using popups to boost my email list growth and increase click-through rates (CTRs). Surprisingly, WooCommerce offers a popup extension that allows you to create engaging prompts for your website visitors. Here, I&#8230;<\/p>\n","protected":false},"author":21,"featured_media":9962,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-9961","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-popup"],"_links":{"self":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/9961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/comments?post=9961"}],"version-history":[{"count":11,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/9961\/revisions"}],"predecessor-version":[{"id":15296,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/9961\/revisions\/15296"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/9962"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=9961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=9961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=9961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}