{"id":9873,"date":"2023-11-17T12:49:19","date_gmt":"2023-11-17T12:49:19","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=9873"},"modified":"2025-10-15T06:16:39","modified_gmt":"2025-10-15T06:16:39","slug":"joomla-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/joomla-popup\/","title":{"rendered":"Joomla Popup Guide: Extensions vs Simple No-Code Alternative"},"content":{"rendered":"<p>I have been a loyal user of\u00a0<strong>Joomla<\/strong>, building and running my entire business on this powerful platform. Recently, I discovered the potential of popups in enhancing my website&#8217;s performance, particularly in growing my email list and improving click-through rates (CTRs).<\/p>\n<p>When creating popups in Joomla, you have two options: using Joomla&#8217;s free popup builder extension or utilizing a standardized popup tool like\u00a0<strong>Picreel<\/strong>. Let me show you what my Picreel popup looks like in Joomla:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9875\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_-Joomla-popup.jpg\" alt=\"Joomla popup\" width=\"1076\" height=\"659\" \/><\/p>\n<p>But does Joomla offer popups? Yes, through its extensive library of free and paid extensions! Let&#8217;s explore the difference between these two methods based on several criteria:<\/p>\n<div id=\"tablepress-176-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-176\" class=\"tablepress tablepress-id-176 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">Joomla 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\">Conversion Rate Optimization<\/td><td class=\"column-2\">\u274cJoomla does not offer built-in conversion rate optimization features<\/td><td class=\"column-3\">\u2705Picreel provides conversion rate optimization functionalities like exit and personalized popups<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">AB Testing<\/td><td class=\"column-2\">\u274cJoomla does not provide AB testing capabilities for pop-ups<\/td><td class=\"column-3\">\u2705Picreel offers AB testing functionality for pop-up campaigns<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Audience Targeting<\/td><td class=\"column-2\">\u274cJoomla lacks audience targeting features for pop-ups<\/td><td class=\"column-3\">\u2705Picreel provides audience targeting options for personalized pop-up campaigns<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Campaign Analytics<\/td><td class=\"column-2\">\u274cJoomla does not have extensive analytics for pop-up campaigns<\/td><td class=\"column-3\">\u2705Picreel offers detailed campaign analytics and reporting for better insights<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Campaign Segmentation<\/td><td class=\"column-2\">\u274cJoomla lacks the ability to segment pop-up campaigns<\/td><td class=\"column-3\">\u2705Picreel allows the segmentation of campaigns to target different user segments<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div>\n<p>Based on my experience, I highly recommend using Picreel to create popups. Here are my top three reasons:<\/p>\n<ol>\n<li><strong>Multi-platform support:<\/strong>\u00a0Unlike Joomla&#8217;s popup, Picreel works across multiple platforms, allowing you to implement consistent popup campaigns. It also ensures data integrity during platform transitions. If you switch your hosting platform from Joomla to any other, your collected data remains intact, providing flexibility and peace of mind.<\/li>\n<li><strong>Advanced features:<\/strong>\u00a0With Picreel, you have access to a wide range of advanced features that can enhance the effectiveness of your popups.<\/li>\n<li><strong>Better customization and targeting options:<\/strong>Picreel offers extensive customization and targeting options, allowing you to <a href=\"https:\/\/www.picreel.com\/blog\/how-to-create-pop-up-ads\/\">create popups<\/a> that are personalized and targeted to your audience.\u00a0Learn more about advanced targeting from this\u00a0help cente<u>r<\/u>\u00a0page.<\/li>\n<\/ol>\n<p>Nevertheless, in this tutorial, I&#8217;ll discuss how to add a popup in Joomla using both methods.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_Joomla%E2%80%99s_Popup_Extensions\"><\/span>Method 1: Using Joomla\u2019s Popup Extensions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Joomla provides a free extension tool for building Joomla popups. Follow these steps to learn how to create a popup in Joomla:<\/p>\n<p><strong>1.<\/strong> Log in to your Joomla admin area, navigate to the<strong>\u00a0&#8220;Extensions&#8221;<\/strong>\u00a0menu, and then select\u00a0<strong>&#8220;Manage&#8221;\u00a0<\/strong>from the drop-down menu to access the list of installed extensions.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9878\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_Extensions.jpg\" alt=\"Extensions\" width=\"1015\" height=\"390\" \/><\/p>\n<p><strong>2.<\/strong> Look for the<strong>\u00a0&#8220;Modals&#8221;<\/strong>\u00a0extension in the list of modules. If it has a red circle with a white<strong>\u00a0&#8220;x&#8221;\u00a0<\/strong>icon, click on it to activate the plugin. If there is a green checkmark, it means the extension is already activated.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9879\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_Modals.jpg\" alt=\"Modals\" width=\"1014\" height=\"344\" \/><\/p>\n<p><strong>3.<\/strong> Return to the<strong>\u00a0&#8220;Extensions&#8221;<\/strong>\u00a0menu, select\u00a0<strong>&#8220;Plugins&#8221;<\/strong>\u00a0this time, and search for\u00a0<strong>&#8220;Modals&#8221;\u00a0<\/strong>to find the configuration options for the extension.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9880\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_Plugins.jpg\" alt=\"Plugins\" width=\"1013\" height=\"386\" \/><\/p>\n<p><strong>4.<\/strong> Click on the<strong>\u00a0&#8220;Button &#8211; Regular Labs &#8211; Modals&#8221;<\/strong>\u00a0link to access the information and configuration page for the button settings.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9881\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_Button-Regular-Lab.jpg\" alt=\"Button - Regular Lab\" width=\"1013\" height=\"345\" \/><\/p>\n<p><strong>5.<\/strong> Next, click on the<strong>\u00a0&#8220;System &#8211; Regular Labs &#8211; Modals&#8221;<\/strong>\u00a0link to access the configuration and settings page for the Modals plugin.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9882\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_System-Regular-Labs.jpg\" alt=\"System - Regular Labs\" width=\"1013\" height=\"403\" \/><\/p>\n<p><strong>6.<\/strong> On the configuration page, configure the settings based on<strong>\u00a0&#8220;Plugin,&#8221; &#8220;Styling,&#8221; &#8220;Media,&#8221; &#8220;Auto-Convert,&#8221; &#8220;Editor Options,&#8221; &#8220;Tag Syntax,&#8221;<\/strong>\u00a0and\u00a0<strong>&#8220;Advanced.&#8221;<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9883\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_configuration-pag.jpg\" alt=\"configuration pag\" width=\"1013\" height=\"417\" \/><\/p>\n<p><strong>7.<\/strong> Once you have finished configuring the plugin, save your changes.<\/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 powerful popup maker that can be used with Joomla.<\/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=D6Y94nZ1vvbvSM2-\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Here are step-by-step instructions on creating a popup in Joomla 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<ul>\n<li>Once you select the design, customize it according to your preferences.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9884\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_design_customize_\u2013_1.jpg\" alt=\"design_customize\" width=\"1313\" height=\"625\" \/><\/p>\n<p><strong>4.<\/strong> Configure your targeting and <a href=\"https:\/\/www.picreel.com\/features\/popup-targeting\/\">trigger<\/a> 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-9708\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/12\/PP_PIC_Utilizing-Behavioral-Triggers-for-Contextual-Timing.jpg\" alt=\"\" width=\"810\" height=\"578\" \/><\/p>\n<p><strong>5.<\/strong> Click &#8220;<strong>Save<\/strong>&#8221; to activate your popup.<\/p>\n<h3>Embedding Picreel HTML Code Inside Joomla<\/h3>\n<p>To embed a Picreel popup on your Joomla 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> In the Joomla admin area, go to the<strong>\u00a0&#8220;Extensions&#8221;<\/strong>\u00a0menu and select\u00a0<strong>&#8220;Module Manager&#8221;<\/strong>\u00a0from the drop-down menu to access the list of existing modules.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9886\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_Module-Manager.jpg\" alt=\"Module Manager\" width=\"827\" height=\"254\" \/><\/p>\n<p><strong>4.<\/strong> Click on the<strong>\u00a0&#8220;New&#8221;<\/strong>\u00a0button to create a new module.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9887\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_New.jpg\" alt=\"New\" width=\"827\" height=\"181\" \/><\/p>\n<p><strong>5.<\/strong> On the\u00a0<strong>&#8220;Select a Module Type&#8221;\u00a0<\/strong>page, scroll down and find<strong>\u00a0&#8220;Custom HTML&#8221;\u00a0<\/strong>from the list of module types, then click on it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9888\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_Select-a-Module-Type.jpg\" alt=\"Select a Module Type\" width=\"827\" height=\"448\" \/><\/p>\n<p><strong>6.<\/strong> Enter a title for your module and select the appropriate module position from the drop-down list. In the<strong>\u00a0&#8220;Module&#8221;<\/strong>\u00a0tab, you will find a text area to input your custom HTML content.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9891\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_HTML-block.jpg\" alt=\"HTML block\" width=\"827\" height=\"318\" \/><\/p>\n<p><strong>7.<\/strong> You will have different editing options depending on the default editor selected in your Joomla installation (such as\u00a0<strong>TinyMCE<\/strong>). You can explore the toolbar or switch to the HTML Source editor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9892\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Joomla-_PIC_Custom-HTML.jpg\" alt=\"Custom HTML\" width=\"827\" height=\"360\" \/><\/p>\n<p><strong>8.<\/strong> After creating the custom HTML module, click the\u00a0<strong>&#8220;Save&#8221;<\/strong>\u00a0button to save your changes.<\/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><\/strong><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Which_Is_a_Better_Method_Method_1_or_2\"><\/span>Which Is a Better Method: Method 1 or 2?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>By keeping a long-term perspective, Picreel offers a better solution for popups, as your popup campaigns data remains intact even if you decide to change website platforms. Additionally, <a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a> provides more sophisticated popup options and triggers.<\/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 that start as low as $9.99\/month.<\/p>\n<p>Ultimately, the choice between Method 1 and Method 2 depends on your specific requirements and preferences.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have been a loyal user of\u00a0Joomla, building and running my entire business on this powerful platform. Recently, I discovered the potential of popups in enhancing my website&#8217;s performance, particularly in growing my email list and improving click-through rates (CTRs). When creating popups in Joomla, you have two options: using Joomla&#8217;s free popup builder extension&#8230;<\/p>\n","protected":false},"author":21,"featured_media":9874,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-9873","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\/9873","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=9873"}],"version-history":[{"count":19,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/9873\/revisions"}],"predecessor-version":[{"id":15341,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/9873\/revisions\/15341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/9874"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=9873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=9873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=9873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}