{"id":13391,"date":"2024-09-22T07:28:19","date_gmt":"2024-09-22T07:28:19","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=13391"},"modified":"2025-01-28T08:53:45","modified_gmt":"2025-01-28T08:53:45","slug":"clickfunnels-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/clickfunnels-popup\/","title":{"rendered":"How to Create a Popup in ClickFunnels: A Step-by-Step Guide"},"content":{"rendered":"<p>I\u2019ve been using ClickFunnels for a while now, and let me tell you, it has helped my business in more than one way.<\/p>\n<p>From landing pages to sales funnels, it\u2019s got everything I need. Recently, I started hearing a lot about popups\u2014specifically, how they can drastically improve email sign-ups and boost click-through rates (CTR).<\/p>\n<p>Naturally, my next question was:\u00a0<strong>Can I create effective popups directly within ClickFunnels?<\/strong><\/p>\n<p><strong>Good news:<\/strong>\u00a0ClickFunnels does indeed offer popups! In fact, I experimented with one, and it looked great.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13396 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/PP_PIC_HCPC-Good-news.png\" alt=\"ClickFunnels Popup\" width=\"1076\" height=\"657\" \/><\/p>\n<p><strong>With some more digging, I figured out two primary methods for creating popups in ClickFunnels:<\/strong><\/p>\n<ul>\n<li>Using ClickFunnels\u2019 built-in popup tool<\/li>\n<li>Using a dedicated popup tool like Picreel<\/li>\n<\/ul>\n<p><strong>So, which is the better option?<\/strong>\u00a0This guide will explore that question. But first, let\u2019s compare the two methods:\u00a0<strong>ClickFunnels popup and Picreel.<\/strong><\/p>\n<div id=\"tablepress-239-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-239\" class=\"tablepress tablepress-id-239 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">ClickFunnels 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\">\u274c Works only within ClickFunnels<\/td><td class=\"column-3\">\u2705 Works across multiple platforms, including WordPress, Shopify, and more<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">More features<\/td><td class=\"column-2\">\u274c Basic popup options (exit-intent, timed popups)<\/td><td class=\"column-3\">\u2705 Advanced popup features (A\/B testing, scroll triggers, behavioral targeting)<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Better customization options<\/td><td class=\"column-2\">\u274c Limited templates and design flexibility<\/td><td class=\"column-3\">\u2705 Highly customizable popups with detailed targeting options (exit intent, scroll percentage, referral source)<\/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 Native integration with ClickFunnels pages<\/td><td class=\"column-3\">\u2705 Integrates with most website platforms via HTML or plugins<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Advanced targeting options<\/td><td class=\"column-2\">\u274c Basic targeting based on URL parameters<\/td><td class=\"column-3\">\u2705 Granular targeting options based on behavior, geolocation, device type, and more<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div><!-- #tablepress-239 from cache -->\n<p>As you can see, Picreel offers some clear advantages over ClickFunnels\u2019 native popup feature. In my opinion, these are the top reasons:<\/p>\n<ol>\n<li><strong>Cross-Platform Flexibility:<\/strong>\u00a0With Picreel, I\u2019m not limited to just ClickFunnels. I can create popups for WordPress, Shopify, and other platforms, which is a huge plus for any business owner managing multiple websites.<\/li>\n<li><strong>Advanced Targeting:<\/strong>\u00a0Picreel&#8217;s advanced targeting capabilities allow you to fine-tune who sees your popups, which can lead to better conversion rates.<\/li>\n<li><strong>Greater Customization Options:<\/strong>\u00a0Picreel offers more advanced design flexibility, allowing me to craft popups that align perfectly with my brand\u2019s aesthetic.<\/li>\n<\/ol>\n<p>Regardless, in this blog, I\u2019ll help you understand both \u2013 how to create a popup in ClickFunnels as well as in Picreel.<\/p>\n<p>Let\u2019s get started.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_ClickFunnels%E2%80%99_Built-in_Popup_Tool\"><\/span>Method 1: Using ClickFunnels\u2019 Built-in Popup Tool<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>ClickFunnels makes it incredibly easy to create and deploy popups directly within the platform. Here\u2019s how you can do it step by step:<\/p>\n<p><strong>Step 1: Create or Edit a Funnel Page<\/strong><\/p>\n<p>Log into your ClickFunnels account and open the funnel to which you want to add a popup.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13399 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-Funnel-Page.png\" alt=\"Create or Edit a Funnel Page\" width=\"1760\" height=\"623\" \/><\/p>\n<p>If you don\u2019t have a funnel, you can create a new one by selecting the appropriate funnel type (e.g., Lead Capture, Sales Page).<\/p>\n<p><strong>Step 2: Edit the Funnel Step<\/strong><\/p>\n<p>Click on\u00a0<strong>\u201cEdit Page\u201d<\/strong>\u00a0to open the ClickFunnels page editor. Once you\u2019re in the funnel editor, choose the page where you want the popup to appear.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13400 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-Funnel-Page-1.png\" alt=\"Edit the Funnel Step\" width=\"921\" height=\"452\" \/><\/p>\n<p><strong>Step 3: Access Popup Settings<\/strong><\/p>\n<p>In the page editor, click on the\u00a0<strong>\u201cSettings\u201d<\/strong>\u00a0menu at the top of the screen, and then select\u00a0<strong>\u201cPop Up\u201d<\/strong>\u00a0from the dropdown menu. This will reveal the popup settings for your page.<\/p>\n<p>Click on\u00a0<strong>\u201cShow Pop Up\u201d<\/strong>\u00a0and proceed to the next step.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13401 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-FunSettings.png\" alt=\"Access Popup Settings\" width=\"921\" height=\"452\" \/><\/p>\n<p><strong>Step 4: Customize Your Popup<\/strong><\/p>\n<p>Once you\u2019ve activated the popup, you can start customizing it. ClickFunnels gives you several options to adjust the layout, add elements (like text, images, and buttons), and set display triggers.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13402\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-FuCustomize-Your-Popup.png\" alt=\"Customize Your Popup\" width=\"1532\" height=\"635\" \/><\/p>\n<p><strong>Step 5: Configure Popup Triggers<\/strong><\/p>\n<p>Under the\u00a0<strong>\u201cSettings\u201d<\/strong>\u00a0menu, click on\u00a0<strong>\u201cEdit Pop Up Settings.\u201d<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13403\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-Edit-Pop-Up-Settings.png\" alt=\"\" width=\"921\" height=\"268\" \/><\/p>\n<p>Set when the popup will appear\u2014this can be triggered by clicking a button after a specific amount of time or when the user scrolls to a certain point on the page.<\/p>\n<p><strong>Step 6: Save &amp; Preview<\/strong><\/p>\n<p>Once you\u2019re happy with your popup, make sure to save your work. You can preview your popup by clicking the\u00a0<strong>\u201cPreview\u201d<\/strong>\u00a0button in the editor to see how it will appear to visitors.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13405 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-EdSave-Preview.png\" alt=\"Save &amp; Preview\" width=\"921\" height=\"195\" \/><\/p>\n<p>That\u2019s all. You can now publish the popup, and it will go live.<\/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>Now, if you\u2019re looking for more advanced features and cross-platform flexibility, Picreel is the way to go. It\u2019s a powerful popup builder that offers advanced features like\u00a0exit-intent technology, mobile popups, A\/B testing, and more.<\/p>\n<p>Here\u2019s a step-by-step guide on how to create popups using Picreel.<\/p>\n<p><strong>Step 1: Sign up for Picreel<\/strong><\/p>\n<p>If you haven\u2019t already,\u00a0<a href=\"https:\/\/www.picreel.com\/signup\/\">sign up<\/a>\u00a0for an account on Picreel. They offer a\u00a0free trial, which is great for testing the platform before committing to a subscription.<\/p>\n<p><strong>Step 2: Create a New Popup<\/strong><\/p>\n<p>Once logged in, go to the\u00a0<strong>\u201cCampaigns\u201d<\/strong>\u00a0menu and click\u00a0<strong>&#8220;+ New Campaign.&#8221;<\/strong><\/p>\n<p>Picreel will walk you through the setup process. You can choose from a variety of\u00a0<a href=\"https:\/\/www.picreel.com\/templates\/\">templates<\/a>\u00a0or start from scratch.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13406 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/PP_PIC_HCPC-GoCampaigns-1.png\" alt=\"Campaigns\" width=\"1704\" height=\"802\" \/><\/p>\n<p>These templates are fully customizable \u2013 you can change the text, colors, images, and more to match your branding.<\/p>\n<p><strong>Step 3: Customize Your Popup<\/strong><\/p>\n<p>After selecting a template, you can fully customize your popup. Picreel\u2019s design editor is more advanced than ClickFunnels\u2019 native editor.<\/p>\n<p>It lets you tweak every detail, including fonts, colors, images, and animations, and even set up A\/B tests to see which popup design performs best.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13407\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/PP_PIC_customize-OpenCart-to-your-preferences-popups-1.png\" alt=\"customize popup\" width=\"1313\" height=\"619\" \/><\/p>\n<p><strong>Advanced Features:<\/strong>\u00a0Picreel also lets you add dynamic elements like countdown timers and custom CTAs (call-to-action). These small touches can significantly improve engagement.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13408 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/PP_PIC_HCPC-Good-news-1.png\" alt=\"countdown timer popup\" width=\"1076\" height=\"657\" \/><\/p>\n<p><strong>Step 4: Set up Targeting Options<\/strong><\/p>\n<p>Next, set up the targeting options for your popup. You can trigger popups based on user behavior (e.g., exit intent, time on page, or scroll percentage), location, device type, and even referral source.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13409 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/PP_PIC_HCPC-GoCampaignsss-1.png\" alt=\"Set up Targeting Options\" width=\"1602\" height=\"2212\" \/><\/p>\n<p>Next, click\u00a0<strong>\u201cSave,\u201d<\/strong>\u00a0and your popup will be activated.<\/p>\n<p><strong>Looking for a visual way to understand how each step works?<\/strong>\u00a0Sure! Check this video &#8211;<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/J1tBmOnBJEA?si=PqApsvcPnQTjPaqk\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Embed Picreel HTML Code Inside ClickFunnels<\/h3>\n<p>Now that you\u2019ve configured your popup, it\u2019s time to integrate it with ClickFunnels. I\u2019ll share a few quick steps below &#8211;<\/p>\n<p><strong>1.<\/strong> First, you need to navigate to\u00a0<strong>\u201cCampaigns\u201d<\/strong>\u00a0and then click on\u00a0<strong>\u201cView Code.\u201d<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13410 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/PP_PIC_5-saving-se-2.png\" alt=\"View Code\" width=\"1600\" height=\"804\" \/><\/p>\n<p><strong>2.<\/strong> Next,\u00a0<strong>copy the code<\/strong>\u00a0by clicking on it.\u00a0<em>(You can also send the instructions to a tech-savvy guy in your team by clicking on \u201cAsk a colleague to install on web\u201d)<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13416\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/PP_PIC_HCPC-Gwe-copy-the-code.png\" alt=\"copy the code\" width=\"1160\" height=\"408\" \/><\/p>\n<p><strong>3.<\/strong> Now, go to your\u00a0<strong>ClickFunnels dashboard<\/strong>\u00a0and click on the \u201c<strong>Funnels\u201d<\/strong>\u00a0tab in the top menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13411 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-EClickFunnels-dashboard.png\" alt=\"Copy the code\" width=\"921\" height=\"684\" \/><\/p>\n<p><strong>4.<\/strong> Select the funnel where you want to add the Picreel popup.\u00a0<strong>Choose the specific funnel<\/strong>\u00a0step (i.e., page) where you want the popup to appear.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13412 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-EClicspecific-funnel.png\" alt=\"ClickFunnels dashboard\" width=\"1322\" height=\"192\" \/><\/p>\n<p><strong>5.<\/strong> Click on the\u00a0<strong>\u201cEdit Page\u201d<\/strong>\u00a0button next to the funnel step you selected. This will open the ClickFunnels page editor, where you can modify the design and elements of your page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13413 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-ECEdit-Page.png\" alt=\"Choose the specific funnel\" width=\"810\" height=\"349\" \/><\/p>\n<p><strong>6.<\/strong> Once in the page editor, look at the right-hand sidebar, where you can add elements to your page. Scroll through the list of elements until you find the \u201c<strong>Custom JS\/HTML\u201d<\/strong>\u00a0element. Click on it to add this element to your page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13415\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-ECustom-JSHTM-1.png\" alt=\"\" width=\"810\" height=\"447\" \/><\/p>\n<p><strong>Pro Tip:<\/strong>\u00a0You can place the custom HTML element anywhere on your page, but ideally, it should be positioned in a way that doesn&#8217;t interfere with your main content. This location will depend on where you want the Picreel popup to trigger.<\/p>\n<p><strong>7.<\/strong> Hover over the newly added element and\u00a0<strong>click on the &#8220;\u2699\ufe0f&#8221; icon<\/strong>\u00a0to open its settings. You\u2019ll see a window where you can enter your custom code.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13417 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-Eclick-on-the.png\" alt=\"click on the &quot;\u2699\ufe0f&quot; icon\" width=\"810\" height=\"212\" \/><\/p>\n<p><strong>8.<\/strong> Click on the\u00a0<strong>\u201cOpen Code Editor\u201d<\/strong>\u00a0button and paste the HTML\/JavaScript code generated from Picreel.<\/p>\n<p><strong>9.<\/strong> Next, you need to choose the code type from the\u00a0<strong>\u201cCustom Code Type\u201d<\/strong>\u00a0drop-down menu. Here, select\u00a0<strong>\u201c3rd Party Embed Codes.\u201d<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13418 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/09\/Competitor_PIC_HCPC-Ec3rd-Party-Embed-Codes.png\" alt=\"Custom Code Type\" width=\"810\" height=\"320\" \/><\/p>\n<p><strong>10.<\/strong> All done! You can modify the popup per requirements and preview and save it before publishing.<\/p>\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>From a long-term perspective, I believe Picreel is the better option. The ability to carry your popups with you if you ever switch platforms is invaluable. Plus, the advanced features give you more opportunities to engage and convert your visitors.<\/p>\n<p>And on top of that, you don\u2019t even need to shell out anything. Picreel\u2019s\u00a0<a href=\"https:\/\/www.picreel.com\/pricing\/\">free plan<\/a>\u00a0comes with all premium features. Even if you want to scale up in the future, you\u2019ll just need to pay\u00a0$9.99 per month.<\/p>\n<p>As for ClickFunnels popups, they surely don\u2019t come without additional costs, but be aware that the customization and targeting options are pretty limited.<\/p>\n<p>Ultimately, the choice is yours. If you\u2019re ready to take conversions to the next level, give Picreel a try. But if you\u2019re happy with the basics, ClickFunnels has you covered.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019ve been using ClickFunnels for a while now, and let me tell you, it has helped my business in more than one way. From landing pages to sales funnels, it\u2019s got everything I need. Recently, I started hearing a lot about popups\u2014specifically, how they can drastically improve email sign-ups and boost click-through rates (CTR). Naturally,&#8230;<\/p>\n","protected":false},"author":26,"featured_media":13395,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-13391","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\/13391","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\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/comments?post=13391"}],"version-history":[{"count":3,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/13391\/revisions"}],"predecessor-version":[{"id":13980,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/13391\/revisions\/13980"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/13395"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=13391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=13391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=13391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}