{"id":11028,"date":"2024-01-19T09:47:47","date_gmt":"2024-01-19T09:47:47","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=11028"},"modified":"2025-04-16T05:59:02","modified_gmt":"2025-04-16T05:59:02","slug":"opencart-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/opencart-popup\/","title":{"rendered":"How to Create &#038; Add a Popup in OpenCart: 2 Easy Methods"},"content":{"rendered":"<p>I love OpenCart. It&#8217;s powered my entire business, empowering me to create a beautiful and functional online store.<\/p>\n<p>Lately, I&#8217;ve been diving into the world of OpenCart popups, those little attention-grabbers that can work wonders for growing your email list and boosting conversion rates.<\/p>\n<p>So, does OpenCart offer a popup functionality?<\/p>\n<p>Well, it doesn\u2019t. But you can add a popup to OpenCart in other ways.<\/p>\n<p>You can use an OpenCart popup module, such as TMD Popup Window, or embed a popup created with a dedicated popup tool like\u00a0<a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a>\u00a0that transcends platforms.<\/p>\n<p>Here\u2019s how my popup created with Picreel looks in an OpenCart store:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11044\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/PP_PIC_-Active-OpenCart-popup.png\" alt=\"OpenCart popup\" width=\"1076\" height=\"659\" \/><\/p>\n<p>Before we jump into the popup creation process in OpenCart, let&#8217;s take a moment to understand the distinctions between the two methods. Through this comparison, we can determine which approach aligns more closely with your specific requirements.<\/p>\n<div id=\"tablepress-201-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-201\" class=\"tablepress tablepress-id-201 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">TMD Popup Window<\/th><th class=\"column-3\">Picreel<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Customization<\/td><td class=\"column-2\">\u2705You can design attractive popups using HTML\/CSS, videos, images, banners, GIFs, and links<\/td><td class=\"column-3\">\u2705Offers a wide range of customization options, with pre-designed templates and CSS\/HTML support<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Targeting<\/td><td class=\"column-2\">\u2705Limited targeting features, such as choosing the device, page, interval, and audience (logged-in or guest)<\/td><td class=\"column-3\">\u2705Offers advanced targeting options based on visitor behavior, exit intent, time on site, geo-location, and scroll behavior.<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Behavior Tracking<\/td><td class=\"column-2\">\u274cNo behavior-tracking features<\/td><td class=\"column-3\">\u2705Offers advanced behavior tracking features like exit intent tracking, mouse movement tracking, and scroll tracking.<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">A\/B Testing<\/td><td class=\"column-2\">\u274cNo A\/B testing features<\/td><td class=\"column-3\">\u2705Offers A\/B testing capabilities to test different popup variations.<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Multi-Platform Support<\/td><td class=\"column-2\">\u274cLimited to OpenCart<\/td><td class=\"column-3\">\u2705Compatible with multiple platforms including OpenCart, WordPress, Shopify, Magento, and others<\/td>\n<\/tr>\n<tr class=\"row-7 odd\">\n\t<td class=\"column-1\">Analytics &amp; Reporting<\/td><td class=\"column-2\">\u274cNo reporting features<\/td><td class=\"column-3\">\u2705Offers in-depth analytics and reporting features that provide detailed insights into popup performance, visitor interactions, and more.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div>\n<p>Based on my firsthand experience, I endorse Picreel as the ideal OpenCart popup tool. Here\u2019s why:<\/p>\n<ul>\n<li><strong>Comprehensive Features:<\/strong>\u00a0Picreel offers a wide range of comprehensive features to improve the performance of your popups, such as behavior tracking,\u00a0<a href=\"https:\/\/www.picreel.com\/features\/popup-ab-testing\/\">A\/B testing<\/a>, and <a href=\"https:\/\/www.picreel.com\/features\/popup-reports-and-analytics\/\">reporting<\/a>. These features can help you understand your visitors better, optimize your popups, and increase conversions.<\/li>\n<li><strong>Advanced Targeting:<\/strong>\u00a0Picreel offers\u00a0<a href=\"https:\/\/www.picreel.com\/features\/popup-targeting\/\">advanced targeting<\/a>\u00a0options that allow you to deliver personalized and relevant popups to your visitors. These options can help you capture the attention of your visitors at the right moment and boost your click-through rate.<\/li>\n<li><strong>Multi-platform Support:<\/strong>\u00a0Picreel is compatible with multiple platforms, including OpenCart, WordPress, Shopify, Magento, and others, meaning you can use it on any website or e-commerce platform. Plus, you can continue using the same popup if you switch platforms.<\/li>\n<\/ul>\n<p>Nevertheless, in this tutorial, I\u2019ll guide you through the process of creating an OpenCart popup message using both methods\u2014using the TMD popup module and using Picreel.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_the_TMD_OpenCart_Popup_Module\"><\/span>Method 1: Using the TMD OpenCart Popup Module<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>1.<\/strong> Buy &amp; download the \u201c<strong>Popup Window\u201d<\/strong>\u00a0extension from the OpenCart Extension Store.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11029\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_-Popup-Window.png\" alt=\"Popup Window\" width=\"1600\" height=\"943\" \/><\/p>\n<p><strong>2.<\/strong> From the OpenCart admin panel, go to\u00a0<strong>Extensions<\/strong>\u00a0&gt;\u00a0<strong>Installer<\/strong>. Next, click the blue upload button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11031\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_-Extensions.png\" alt=\"Extensions\" width=\"1325\" height=\"633\" \/><\/p>\n<p><strong>3.<\/strong> Upload the TMD Popup Window module zip file. Next, click the green \u201c<strong>+<\/strong>\u201d install button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11032\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_-install-button.png\" alt=\"install button\" width=\"1116\" height=\"635\" \/><\/p>\n<p><strong>4.<\/strong> Once the extension is installed, open Extensions &gt; Extensions. Next, choose \u201c<strong>Modules<\/strong>\u201d as the extension type. Then, install the TMD Popup Window module by clicking the green \u201c<strong>+<\/strong>\u201d button beside it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11040\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_Modules.png\" alt=\"Modules\" width=\"1360\" height=\"797\" \/><\/p>\n<p><strong>5.<\/strong> Refresh the page and open TMD Popup Window &gt; TMD Popup Window from the admin panel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11043 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_TMD-Popup.png\" alt=\"TMD Popup Window\" width=\"1360\" height=\"578\" \/><\/p>\n<p><strong>6.<\/strong> Click the blue edit button to customize your OpenCart Popup banner.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11042\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_Popup-banner.png\" alt=\"Popup banner\" width=\"1316\" height=\"578\" \/><\/p>\n<p><strong>7.<\/strong> Configure settings, delay time, coupons, custom CSS, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11033\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_Configure-settings.png\" alt=\"Configure settings\" width=\"1584\" height=\"472\" \/><\/p>\n<p><strong>8.<\/strong> Choose which pages to display the popup on in the \u201c<strong>Link<\/strong>\u201d tab.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11039 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_Link.png\" alt=\"Link -Tab\" width=\"1584\" height=\"499\" \/><\/p>\n<p><strong>9.<\/strong> Click the save icon in the top right corner once you\u2019re done customizing and configuring your OpenCart popup.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11034 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_customizing-and-configuring.png\" alt=\"Custom CSS\" width=\"1111\" height=\"368\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_2_Unleashing_the_Power_of_Picreel_Popup_Builder\"><\/span>Method 2: Unleashing the Power of Picreel Popup Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Picreel is a versatile popup maker that can be used with OpenCart and various other platforms.<\/p>\n<p>Watch this video tutorial on how you can create a\u00a0Opencart popup using Picreel.<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/J1tBmOnBJEA?si=D6Y94nZ1vvbvSM2-\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Here are step-by-step instructions on creating a popup using Picreel:<\/p>\n<p><strong>1.<\/strong> Sign up for a Picreel account and log in.<\/p>\n<p><strong>2.<\/strong> Navigate to the &#8220;<strong>Campaigns<\/strong>&#8221; menu and click &#8220;<strong>New Campaign<\/strong>&#8221; in the top right corner. Next, open the drop-down menu and choose whether you want to start with a template or 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-11045\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/PP_PIC_customize-OpenCart-to-your-preferences.png\" alt=\"customize OpenCart to your preferences\" width=\"1313\" height=\"619\" \/><\/p>\n<p><strong>5.<\/strong> Set the targeting options to ensure your popup appears at the right time and to the right audience.<\/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 OpenCart popup.<\/p>\n<h3>Embedding Picreel Code Inside OpenCart<\/h3>\n<p>To embed a Picreel popup in your OpenCart store, follow these steps:<\/p>\n<p><strong>1.<\/strong> Navigate to campaigns from the dashboard and click &#8220;<strong>View Code.<\/strong>&#8221; Next, click on the code to copy it.<\/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> Log in to OpenCart\u2019s admin panel and go to\u00a0<strong>Extensions<\/strong>\u00a0&gt;\u00a0<strong>Extensions<\/strong>. Next, choose\u00a0<strong>Modules<\/strong>\u00a0as the extension type.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11036\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_Extensions.png\" alt=\"Extensions\" width=\"1584\" height=\"764\" \/><\/p>\n<p><strong>3.<\/strong> Locate the\u00a0<strong>HTML Content<\/strong>\u00a0module in the modules list and enable it by clicking the \u201c<strong>+<\/strong>\u201d install button. Next, click the edit button beside it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11037\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_HTML-Content.png\" alt=\"HTML Content\" width=\"1584\" height=\"764\" \/><\/p>\n<p><strong>4.<\/strong> Fill in the \u201c<strong>Module Name<\/strong>\u201d field (let\u2019s call it \u201c<strong>Picreel Popup<\/strong>\u201d). Next, click the embed button in the \u201c<strong>Description<\/strong>\u201d field and paste the Picreel HTML code in the box.<\/p>\n<p>Then, set \u201c<strong>Status<\/strong>\u201d to \u201c<strong>Enabled<\/strong>\u201d and save your changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11035 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_Enabled.png\" alt=\"Content Module\" width=\"1015\" height=\"727\" \/><\/p>\n<p><strong>5.<\/strong> Go to Design &gt; Layouts and choose the page where you want to show your OpenCart popup. Click the edit button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11038\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_Layouts.png\" alt=\"Layouts\" width=\"1881\" height=\"916\" \/><\/p>\n<p><strong>6.<\/strong> Choose a position for your OpenCart popup and add the \u201c<strong>Picreel Popup<\/strong>\u201d module in that position by clicking the \u201c<strong>+<\/strong>\u201d button and choosing from the dropdown menu that appears.<\/p>\n<p>Then, save your changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11041\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/OpenCart_PIC_Picreel-Popup-config.png\" alt=\"Picreel Popup config\" width=\"1881\" height=\"916\" \/><\/p>\n<p>And that\u2019s it. You\u2019re all done!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"The_Verdict_Method_1_or_Method_2\"><\/span>The Verdict: Method 1 or Method 2?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Having explored my top two picks for creating OpenCart popups, it is now time to determine which method is superior.<\/p>\n<p>If you require basic popup functionalities, the TMD Popup Module is an effective choice. It\u2019s available at a price of $19 for a single website, with the option to purchase multiple modules for multiple sites.<\/p>\n<p>On the other hand, Picreel offers a forever-free plan for startups and small businesses, granting unlimited popups with premium features. While the free version lets you <a href=\"https:\/\/www.picreel.com\/blog\/how-to-create-pop-up-ads\/\">create popups<\/a> well, there are also paid options available starting at just $9.99 per month.<\/p>\n<p>With this in mind, are you prepared to take your OpenCart store to the next level? Make a thoughtful decision, and begin crafting popups that drive conversions, expand your customer base, and foster loyalty.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I love OpenCart. It&#8217;s powered my entire business, empowering me to create a beautiful and functional online store. Lately, I&#8217;ve been diving into the world of OpenCart popups, those little attention-grabbers that can work wonders for growing your email list and boosting conversion rates. So, does OpenCart offer a popup functionality? Well, it doesn\u2019t. But&#8230;<\/p>\n","protected":false},"author":21,"featured_media":11030,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-11028","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\/11028","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=11028"}],"version-history":[{"count":11,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/11028\/revisions"}],"predecessor-version":[{"id":14352,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/11028\/revisions\/14352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/11030"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=11028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=11028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=11028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}