{"id":11190,"date":"2024-02-07T10:55:44","date_gmt":"2024-02-07T10:55:44","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=11190"},"modified":"2025-10-15T05:20:10","modified_gmt":"2025-10-15T05:20:10","slug":"visual-composer-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/visual-composer-popup\/","title":{"rendered":"Visual Composer Popup: Built-in Setup Guide + Better Alternative"},"content":{"rendered":"<p>As an avid user of Visual Composer, I have experienced firsthand the power and flexibility it offers in building websites.<\/p>\n<p>Recently, I discovered that Visual Composer popups can greatly enhance website performance by growing email lists, improving click-through rates, and reengaging visitors on the verge of leaving.<\/p>\n<p>In this blog post, we will explore two popular methods of creating Visual Composer Popups &#8211;\u00a0<strong>using Visual Composer&#8217;s built-in popup builder<\/strong>\u00a0and\u00a0<strong>using\u00a0<a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a><\/strong>. I will also share my personal recommendation based on the comparison between the two.<\/p>\n<p>Here\u2019s how my popup created with Picreel looks in Visual Composer:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11201 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/PP_PIC_-Instapage-popup-1.png\" alt=\"Visual Composer Popup\" width=\"1076\" height=\"659\" \/><\/p>\n<p>Before we look at the two methods, let\u2019s quickly understand the differences between Visual Composer&#8217;s built-in popup builder and Picreel:<\/p>\n<div id=\"tablepress-205-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-205\" class=\"tablepress tablepress-id-205 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">Visual Composer\u2019s Built-in Popup Builder<\/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\">Multi-platform support<\/td><td class=\"column-2\">\u274c Works exclusively with Visual Composer, limiting its usage to WordPress websites with a premium Visual Composer subscription<\/td><td class=\"column-3\">\u2705 Works across multiple platforms, including WordPress, Shopify, Magento, and more, providing flexibility for users with different website platforms<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Features<\/td><td class=\"column-2\">\u2705 Offers essential features, such as design templates, content elements, and triggers<\/td><td class=\"column-3\">\u2705 A wide range of advanced features, such as A\/B testing, exit intent triggers, on-site retargeting, and customizable offers based on user behavior<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Targeting<\/td><td class=\"column-2\">\u2705Provides various targeting options, such as on-page load, exit-intent, on-click, and element ID.<\/td><td class=\"column-3\">\u2705Advanced targeting options, including exit intent triggers, geo-targeting, behavior-based triggers, and personalized offers based on user browsing history, allowing for precise audience targeting.<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Behavior tracking<\/td><td class=\"column-2\">\u274cNo behavior tracking capabilities.<\/td><td class=\"column-3\">\u2705Offers behavior tracking tools to gather data on user interactions, enabling personalized offers and improved targeting.<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">A\/B Testing<\/td><td class=\"column-2\">\u274cNo A\/B testing functionality.<\/td><td class=\"column-3\">\u2705Includes A\/B testing features to experiment with different popup designs, layouts, and offers to optimize conversion rates.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div><!-- #tablepress-205 from cache -->\n<p>While both Visual Composer popup builders offer good functionality, I recommend using Picreel for creating popups based on my experience. Here\u2019s why:<\/p>\n<ul>\n<li><strong>More Features:<\/strong>\u00a0Compared to Visual Composer&#8217;s limited features, Picreel provides a wide range of advanced popup options, allowing you to create compelling and interactive Visual Composer popups that capture your visitors&#8217; attention.<\/li>\n<li><strong>Advanced Targeting Options:<\/strong>\u00a0It offers advanced targeting and segmentation features, allowing you to display popups to specific audience segments based on their behavior, demographics, and preferences.<\/li>\n<li><strong>Better Customization:<\/strong>\u00a0With Picreel, you have extensive customization capabilities, enabling you to design Visual Composer popups that align with your brand&#8217;s aesthetics and messaging.<\/li>\n<\/ul>\n<p>Now let\u2019s learn how to create and add a popup in Visual Composer.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_Visual_Composer%E2%80%99s_Built-In_Popup_Builder\"><\/span>Method 1: Using Visual Composer&#8217;s Built-In Popup Builder:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Visual Composer offers a built-in popup tool. However, to create a popup, you need to have a premium license of Visual Composer and download the Popup Builder add-on.<\/p>\n<p>Here are the steps:<\/p>\n<p><strong>1.<\/strong> Go to your WordPress dashboard and click \u201c<strong>Visual Composer Hub<\/strong>\u201d in the Visual Composer menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11195 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Composer-Hub_PIC_create-a-popup.png\" alt=\"Visual Composer Hub\" width=\"810\" height=\"332\" \/><\/p>\n<p><strong>2.<\/strong> Next, navigate to \u201c<strong>Addons<\/strong>\u201d and download the \u201c<strong>Popup<\/strong>\u00a0<strong>Builder<\/strong>\u201d add-on.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11193 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Composer-Hub_PIC_cAddons.png\" alt=\"Add Popup\u00a0Builder\" width=\"1000\" height=\"556\" \/><\/p>\n<p><strong>3.<\/strong> To access the Popup Builder editor, find and click \u201c<strong>Popup Builder<\/strong>\u201d in the Visual Composer menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11191 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Wordpress-Hub_PIC_Popup-Builder.png\" alt=\"Popup Builder editor\" width=\"1900\" height=\"1064\" \/><\/p>\n<p><strong>4.<\/strong> Click the \u201c<strong>Add New<\/strong>\u201d button in the window that appears.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11192\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Composer-Hub_PIC_Add-New.png\" alt=\"Add New\" width=\"810\" height=\"140\" \/><\/p>\n<p><strong>5.<\/strong> Specify the popup template name and adjust the popup container settings to style the overall look, including overlay shape, width, and position, and the close button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11197\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Composer-Hub_PIC_popup-template-name.png\" alt=\"popup template name\" width=\"1024\" height=\"507\" \/><\/p>\n<p><strong>6.<\/strong> Click the \u201c<strong>+<\/strong>\u201d icon on the popup design to open the elements library and add text, buttons, images, and other elements to your Visual Composer popup.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11194 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Composer-Hub_PIC_con-on-the-popup-design.png\" alt=\"design popup\" width=\"1024\" height=\"518\" \/><\/p>\n<p><strong>7.<\/strong> Once you\u2019ve designed your popup, you can go to \u201c<strong>Settings<\/strong>\u201d in the Visual Composer menu and define the trigger events.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11199\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Composer-Hub_PIC_Setting.png\" alt=\"Settings\" width=\"1024\" height=\"518\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_2_Using_Picreel_Popup_Builder\"><\/span><strong>Method 2: Using Picreel Popup Builder<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Picreel is a popup maker with high functionality that delivers a smooth experience across multiple platforms. Follow these steps to make 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-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-11202\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/PP_PIC_customize-popup-cdesign-1.png\" alt=\"customize popup design\" 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 Code Inside Visual Composer<\/h3>\n<p>To embed a Picreel popup in your Visual Composer website, follow these steps:<\/p>\n<p><strong>1.<\/strong> Navigate to campaigns from your Picreel dashboard and click &#8220;<strong>View Code.<\/strong>&#8221; Then, 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 your WordPress website.<\/p>\n<p><strong>3.<\/strong> Navigate to the admin panel of your WordPress website and choose the &#8220;<strong>Visual Composer<\/strong>&#8221; plugin. Next, click\u00a0<strong>\u201cCSS, HTML &amp; JavaScript.<\/strong>\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11196 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Composer-Hub_PIC_HTML-JavaScript.png\" alt=\"admin panel of your WordPress website\" width=\"1280\" height=\"591\" \/><\/p>\n<p><strong>4.<\/strong> Add a \u201c<strong>Raw HTML<\/strong>\u201d element to the page and paste the Picreel HTML code in the text area.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11198 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Composer-Hub_PIC_Raw-HTML.png\" alt=\"Paste the Picreel HTML code\" width=\"1280\" height=\"1073\" \/><\/p>\n<p><strong>5.<\/strong> Click \u201c<strong>Save Changes<\/strong>.\u201d<\/p>\n<p>That\u2019s it. You\u2019re all done.<\/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_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 considering the long-term perspective, <strong>Picreel<\/strong> emerges as the preferred option for creating Visual Composer popups. It offers a versatile solution that remains functional even when changing platforms and provides more advanced and customizable popup options, including sophisticated triggers.<\/p>\n<p>For startups and small businesses, there is a forever-free plan that allows unlimited popup creation with premium features. There are also paid options available, starting at just <strong>$9.99\/month<\/strong>.<\/p>\n<p>However, if you prefer a simpler approach and want to avoid integration complexities, Visual Composer&#8217;s built-in popup can still effectively meet your needs. The main goal should be to create engaging and conversion-driving popups, regardless of the chosen method.<\/p>\n<p>Feel free to experiment with different approaches to find out which one works best for your specific requirements and business goals.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As an avid user of Visual Composer, I have experienced firsthand the power and flexibility it offers in building websites. Recently, I discovered that Visual Composer popups can greatly enhance website performance by growing email lists, improving click-through rates, and reengaging visitors on the verge of leaving. In this blog post, we will explore two&#8230;<\/p>\n","protected":false},"author":21,"featured_media":11200,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-11190","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\/11190","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=11190"}],"version-history":[{"count":4,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/11190\/revisions"}],"predecessor-version":[{"id":15304,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/11190\/revisions\/15304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/11200"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=11190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=11190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=11190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}