{"id":11049,"date":"2024-01-19T09:48:45","date_gmt":"2024-01-19T09:48:45","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=11049"},"modified":"2025-10-14T08:45:31","modified_gmt":"2025-10-14T08:45:31","slug":"prestashop-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/prestashop-popup\/","title":{"rendered":"PrestaShop Popup Setup Compared with Smarter Alternative"},"content":{"rendered":"<p>Have you ever used PrestaShop for any e-commerce activity?<\/p>\n<p>Well, I have been using the platform for the past few years for various e-commerce tasks. But only recently have I discovered that I can use PrestaShop popups on landing pages to get better leads and more attention.<\/p>\n<p>Now, this is so cool, right?<\/p>\n<p>Yeah, and when creating popups for PrestaShop, I can use two major options. First, I can go with PrestaShop popup modules, and second, I can use a popular tool like\u00a0<a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a>\u00a0that can help create customizable popups quickly.<\/p>\n<p>Now, let me show you how my Picreel popup appears on the PrestaShop website:<\/p>\n<p><video preload=\"auto\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"><source src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/How-to-Create-a-Popup-Using-Bootstrap.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>In this blog, I will show you how to create popups in PrestaShop using PrestaShop popup modules and the Picreel popup tool and draw a comparison between these methods.<\/p>\n<p>But before we enter the details of creating popups, let\u2019s first see what makes creating a popup using the PrestaShop module different from a popup tool like Picreel.<\/p>\n<p>This will help you look at both options from various angles and pick the better option. Here are the factors we will consider:<\/p>\n<div id=\"tablepress-202-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-202\" class=\"tablepress tablepress-id-202 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">PrestaShop Popup Module<\/th><th class=\"column-3\">Picreel Popup Tool<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Ease of use<\/td><td class=\"column-2\">\u2705The interface is user-friendly and easy to navigate.<\/td><td class=\"column-3\">\u2705The interface is straightforward and simple to use.<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Design options<\/td><td class=\"column-2\">\u274cDesign options are limited, offering only basic templates and customization features.<\/td><td class=\"column-3\">\u2705It offers access to a diverse range of pre-built templates with user-friendly customization options.<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Targeting options<\/td><td class=\"column-2\">\u274cTargeting options are basic, relying on page, time, and customer behavior.<\/td><td class=\"column-3\">\u2705It has advanced targeting possibilities based on visitor activity, geolocation, and referral sources.<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">A\/B Testing<\/td><td class=\"column-2\">\u274cIt has limited A\/B testing options for popups.<\/td><td class=\"column-3\">\u2705You can conduct thorough A\/B testing with advanced options to gauge popup performance effectively.<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Analytics and Reporting<\/td><td class=\"column-2\">\u274cIt has only basic reporting and analytics options.<\/td><td class=\"column-3\">\u2705It has advanced analytics and reporting tools offering actionable insights into popup performance.<\/td>\n<\/tr>\n<tr class=\"row-7 odd\">\n\t<td class=\"column-1\">Customer Support<\/td><td class=\"column-2\">\u2705The platform has good customer support in the form of documentation, forums, &amp; a ticket system.<\/td><td class=\"column-3\">\u2705It has excellent customer support through email, live chat, &amp; phone options.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div>\n<p>Based on personal experience with both these methods, I recommend using Picreel to create PrestaShop popups for the following reasons:<\/p>\n<ul>\n<li><strong>Superlative Features<\/strong>: Picreel offers a wide range of advanced features like exit-intent triggers, A\/B testing, and analytics to <a href=\"https:\/\/www.picreel.com\/blog\/how-to-create-pop-up-ads\/\">create popups<\/a> that are effective and engaging.<\/li>\n<li><strong>Design Options<\/strong>: Picreel supports a wide range of pre-built\u00a0<a href=\"https:\/\/www.picreel.com\/templates\/\">popup templates<\/a>\u00a0that can be customized according to your needs and brand preferences.<\/li>\n<li><strong>Advanced Analytics and Reports:<\/strong>\u00a0Picreel offers in-depth analytics and detailed reports to help track popup performance and improve operational efficiency.<\/li>\n<\/ul>\n<p>Besides, Picreel works directly without needing any additional download.<\/p>\n<p>But let\u2019s be fair and know the process of creating popups through both these methods.<\/p>\n<p>Here, I will show you the process of creating a popup using a PrestaShop popup module and the Picreel popup tool.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_Popup_Module_for_PrestaShop\"><\/span>Method 1: Using Popup Module for PrestaShop<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>1.<\/strong> Go to the PrestaShop Addons page and download a suitable Popup Module for PrestaShop.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11052\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/PrestaShop_PIC_-Addons-page.png\" alt=\"Addons page\" width=\"1600\" height=\"690\" \/><\/p>\n<p><strong>2.<\/strong> Go to the PrestaShop admin panel and click the &#8220;<strong>Modules Catalog<\/strong>&#8221; tab for your downloaded popup module. Click &#8220;<strong>Install<\/strong>&#8221; and then go to the &#8220;<strong>Installed Modules<\/strong>&#8221; tab, find your module, and click\u00a0<strong>&#8220;Configure<\/strong>&#8221; to set it up.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11050\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/PrestaShop_PIC_-Configure.png\" alt=\"Configure\" width=\"1280\" height=\"605\" \/><\/p>\n<p><strong>3.<\/strong> In the module settings, find\u00a0<strong>&#8220;Display Rules<\/strong>&#8221; or &#8220;Triggers.&#8221; Decide where and when the popup should appear.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11055\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/PrestaShop_PIC_Display-Rules.png\" alt=\"Display Rules\" width=\"1153\" height=\"634\" \/><\/p>\n<p><strong>4.<\/strong>\u00a0Customize how your popup looks \u2013 change colors, layout, and animations. Once done, click\u00a0<strong>Save<\/strong>\u00a0in the module settings. Turn on the popup by enabling it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11056\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/PrestaShop_PIC_module-settings.png\" alt=\"module settings\" width=\"1050\" height=\"721\" \/><\/p>\n<p>Ta-da! You are good to go.<\/p>\n<p>By following the above steps, you can add a popup in PrestaShop using an addon module and customize it according to your preferences and needs.<\/p>\n<p>Now, let\u2019s check out our other method.<\/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>Other than the above method, let us know how to create popup in PrestaShop using Picreel, a feature-rich popup tool that works excellently across various platforms, including PrestaShop.<\/p>\n<p>Watch this video tutorial on how you can create a\u00a0PrestaShop popup using Picreel.<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/J1tBmOnBJEA?si=y4vGytgZY4TDo7gy\" 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> Go to the \u201c<strong>Campaigns<\/strong>\u201d menu and click &#8220;<strong>New Campaign<\/strong>&#8221; from the top right. 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-11873\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/03\/PP_PIC_New-Campaigns-1.png\" 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-11931\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/PP_PIC_customize-popup-customizes-1.png\" alt=\"customize-popup\" width=\"1313\" height=\"584\" \/><\/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-11874\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/03\/PP_PIC_Configures-1.png\" alt=\"Configures\" width=\"1313\" height=\"575\" \/><\/p>\n<p><strong>6.<\/strong> Click &#8220;<strong>Save<\/strong>&#8221; to activate your popup.<\/p>\n<h3>Embedding Picreel HTML Code Inside PrestaShop<\/h3>\n<p>Here\u2019s a step-by-step guide on how to add a PrestaShop popup made with Picreel:<\/p>\n<p><strong>1.<\/strong> Navigate to campaigns and click on\u00a0<strong>&#8220;View Code.&#8221;<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11872\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/03\/PP_PIC_View-Codes-1.png\" alt=\"View Codes\" width=\"1601\" height=\"344\" \/><\/p>\n<p><strong>2.<\/strong> Click on the code to copy it.<\/p>\n<p><strong>3.<\/strong> From your PrestaShop admin panel, go to the Modules section and Configure the Custom HTML Code module.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11053\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/PrestaShop_PIC_-admin-pane.png\" alt=\"admin panel\" width=\"1366\" height=\"768\" \/><\/p>\n<p><strong>4.<\/strong> Add a Description to your Module and select the position. Next, paste the copied embed code in the Custom CSS, HTML, Javascript Code box.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11054\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/01\/PrestaShop_PIC_-embed-code.png\" alt=\"embed code\" width=\"1366\" height=\"766\" \/><\/p>\n<p><strong>5.<\/strong> Save the changes, and you are ready to go.<\/p>\n<pre><strong>Read More -\u00a0<\/strong><a href=\"https:\/\/www.picreel.com\/blog\/how-to-create-popup-forms\/\">Create Engaging Popup Forms for Enhanced User Experience<\/a><\/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>When picking the best method, it&#8217;s essential to employ the most appropriate tool that coordinates with your overall strategy. Picreel stands out with its advanced popup functionalities, including\u00a0extra triggers, <a href=\"https:\/\/www.picreel.com\/blog\/ab-testing-increase-conversion-rates\/\">A\/B testing<\/a> and is compatible with numerous third-party integrations, all at a more budget-friendly price point. This makes Picreel a good choice for various needs.<\/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. I feel the free version does the job. However, you can always look for paid options\u00a0<a href=\"https:\/\/www.picreel.com\/pricing\/\">starting at $9.99\/month<\/a>.<\/p>\n<p>But if you wish to use only the basic features with the PrestaShop popup module, you can always go with the tool.<\/p>\n<p>No matter what path you pick, you must remember that the ultimate aim is to create eye-catching popups that attract your audience and\u00a0<a href=\"https:\/\/www.picreel.com\/increase-sales-conversion-rate\/\">drive conversions<\/a>. Keep track of your specific needs and pick the tool that best aligns with your goals.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever used PrestaShop for any e-commerce activity? Well, I have been using the platform for the past few years for various e-commerce tasks. But only recently have I discovered that I can use PrestaShop popups on landing pages to get better leads and more attention. Now, this is so cool, right? Yeah, and&#8230;<\/p>\n","protected":false},"author":21,"featured_media":11051,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-11049","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\/11049","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=11049"}],"version-history":[{"count":12,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/11049\/revisions"}],"predecessor-version":[{"id":15257,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/11049\/revisions\/15257"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/11051"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=11049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=11049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=11049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}