{"id":10181,"date":"2023-12-06T11:08:31","date_gmt":"2023-12-06T11:08:31","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=10181"},"modified":"2025-02-13T09:01:59","modified_gmt":"2025-02-13T09:01:59","slug":"hubspot-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/hubspot-popup\/","title":{"rendered":"How to Create a Popup on HubSpot?"},"content":{"rendered":"<p>Lately, I&#8217;ve started utilizing the HubSpot tool for my business and have found it to be a valuable platform. I&#8217;ve discovered the power of popups in enhancing lead generation and increasing click-through rates.<\/p>\n<p>When it comes to creating HubSpot exit popups, there are two methods available: using HubSpot popup form builder or a standardized popup tool like\u00a0Picreel. In fact, here&#8217;s an example of what my Picreel popup looks like in HubSpot:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10912\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/Mask-Group-316.jpg\" alt=\"Hubspot Popup\" width=\"1076\" height=\"659\" \/><\/p>\n<p>You may be wondering if HubSpot offers embedding a third-party popup feature, and the answer is yes. In this article, I\u2019ll show you how to create a popup in HubSpot using both tools and also compare them side-by-side.<\/p>\n<p>Let&#8217;s explore the difference between these two options based on various criteria.<\/p>\n<div id=\"tablepress-183-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-183\" class=\"tablepress tablepress-id-183 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">HubSpot 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\">Dynamic Triggers<\/td><td class=\"column-2\">\u274cHubSpot does not support dynamic triggers for pop-ups<\/td><td class=\"column-3\">\u2705Picreel allows for setting triggers based on user behavior, time, and other dynamic conditions<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Customization<\/td><td class=\"column-2\">\u274cHubSpot offers limited customization options for pop-ups<\/td><td class=\"column-3\">\u2705Picreel allows for extensive customization with HTML and CSS access<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">A\/B Testing<\/td><td class=\"column-2\">\u274cHubSpot does not have built-in A\/B testing for pop-ups<\/td><td class=\"column-3\">\u2705Picreel offers A\/B testing functionality to test different pop-up variations<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Integrations<\/td><td class=\"column-2\">\u2705HubSpot has native integrations with select tools<\/td><td class=\"column-3\">\u2705Picreel offers integration with a wider range of third-party tools and platforms<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Advanced Targeting<\/td><td class=\"column-2\">\u274cHubSpot offers basic targeting options<\/td><td class=\"column-3\">\u2705Picreel provides advanced targeting options such as exit intent triggers and geolocation targeting<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div>\n<p>I recommend using Picreel for creating popups based on my experience. Here are my top 3 reasons:<\/p>\n<ol>\n<li><strong>Multi-platform support:<\/strong>\u00a0Picreel allows you to create popups that work seamlessly across various platforms, giving you flexibility and reach. It also ensures your data stays safe when you switch from HubSpot to another CRM tool. So you can switch without worrying about losing your information.<\/li>\n<li><strong>More features:<\/strong>\u00a0With Picreel, you have access to a range of advanced features and\u00a0targeting options\u00a0that can enhance your popup campaigns and boost their effectiveness. Learn more about <a href=\"https:\/\/www.picreel.com\/features\/popup-targeting\/\">advanced targeting<\/a> from this\u00a0help center\u00a0page.<\/li>\n<li><strong>Better customization options:<\/strong>\u00a0Picreel offers extensive customization options, allowing you to tailor your HubSpot popups to match your brand and outreach goals.<\/li>\n<\/ol>\n<p>Regardless, in this tutorial, I will guide you through the step-by-step process of creating popups using both methods.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_HubSpot%E2%80%99s_Built-in_Popup_Builder\"><\/span>Method 1: Using HubSpot&#8217;s Built-in Popup Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Using HubSpot\u2019s pop-up forms feature, you can design captivating lead-capture forms that draw in potential leads. Here\u2019s the step-by-step process to create a popup in HubSpot.<\/p>\n<p><strong>1.<\/strong> Log in to your HubSpot account, navigate to\u00a0<strong>\u201cForms,\u201d<\/strong>\u00a0and click<strong>\u00a0\u201cCreate forms\u201d<\/strong>\u00a0in the upper right corner.<\/p>\n<p><strong>2.<\/strong> Select the form type you want to create and click\u00a0<strong>\u201cNext.\u201d<\/strong><\/p>\n<p><strong>3.<\/strong> Set up a callout on the<strong>\u00a0\u201cCallout\u201d<\/strong>\u00a0tab by adding a featured text, callout text, link button, and much more.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10184\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/HubSpot_PIC_Callout.jpg\" alt=\"Callout\" width=\"1184\" height=\"877\" \/><\/p>\n<p><strong>4.<\/strong> Customize the pop-up form in the\u00a0<strong>\u201cForm\u201d<\/strong>\u00a0tab by changing the form body, address fields, language, Captcha, and more.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10187\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/HubSpot_PIC_Form.jpg\" alt=\"Form\" width=\"810\" height=\"754\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>5.<\/strong> Create your form\u2019s\u00a0<strong>\u201cThank you message\u201d<\/strong>\u00a0field to show a specific message or redirect your visitors to a specific page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10188\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/HubSpot_PIC_Thank_you_message.jpg\" alt=\"Thank_you_message\" width=\"1435\" height=\"806\" \/><\/p>\n<p><strong>6.<\/strong> Next, customize the targeting for the pop-up form based on visitor\u2019s behavior and by adding conditional logic for specific webpages.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10189\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/HubSpot_PIC_customize-the-targeting.jpg\" alt=\"customize the targeting\" width=\"1022\" height=\"531\" \/><\/p>\n<p><strong>7.<\/strong> Set triggers for the pop-up form based on scroll distance, exit intent, and elapsed time.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10195\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/HubSpot_PIC_Set_triggers.jpg\" alt=\"Set_triggers\" width=\"810\" height=\"675\" \/><\/p>\n<p><strong>8.<\/strong> Finally, customize the pop-up form for different screen sizes, add scheduling rules, add contacts to the Salesforce campaign, and much more.<\/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><strong>Picreel<\/strong>\u00a0is a popup maker that works across multiple platforms. 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 to create a HubSpot popup using Picreel, follow these simple steps:<\/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<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-10191\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_design-customize.jpg\" alt=\"design customize\" width=\"1313\" height=\"627\" \/><\/p>\n<p><strong>5.<\/strong> Configure your targeting and <a href=\"https:\/\/www.picreel.com\/features\/popup-triggers\/\">trigger options<\/a> 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 HTML Code Inside HubSpot<\/h3>\n<p>To embed a Picreel popup on your HubSpot page, 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> Head to your HubSpot account and click the<strong>\u00a0&#8220;Settings&#8221;<\/strong>\u00a0icon, and in the sidebar menu, navigate to the\u00a0<strong>\u201cPages\u201d<\/strong>\u00a0option under\u00a0<strong>\u201cWebsite.\u201d<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10192\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/HubSpot_PIC_Website.jpg\" alt=\"Website\" width=\"1601\" height=\"1025\" \/><\/p>\n<p><strong>4.<\/strong> On the upper left side, choose the domain to edit its settings and select default settings to apply the code to the pages.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10193\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/HubSpot_PIC_Domains-and-URLs.jpg\" alt=\"Domains and URLs\" width=\"941\" height=\"581\" \/><\/p>\n<p><strong>5.<\/strong> Click\u00a0<strong>&#8220;Override default settings&#8221;<\/strong>\u00a0in Site Header HTML or Site Footer HTML.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10194\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/HubSpot_PIC_Override-default-settings.jpg\" alt=\"Override default settings\" width=\"1120\" height=\"608\" \/><\/p>\n<p><strong>6.<\/strong> Enter your code snippets.<\/p>\n<p><strong>7.<\/strong> Click<strong>\u00a0&#8220;Save&#8221;<\/strong>\u00a0in the bottom left to apply changes<\/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>At the end of the day, it&#8217;s important to consider your long-term goals when determining the best method for creating popups. Picreel is the more favorable choice due to its compatibility with various platforms, advanced features, and customization options.<\/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 is yours. Experiment with both methods and analyze their effectiveness based on your specific business needs and goals.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lately, I&#8217;ve started utilizing the HubSpot tool for my business and have found it to be a valuable platform. I&#8217;ve discovered the power of popups in enhancing lead generation and increasing click-through rates. When it comes to creating HubSpot exit popups, there are two methods available: using HubSpot popup form builder or a standardized popup&#8230;<\/p>\n","protected":false},"author":21,"featured_media":10182,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-10181","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\/10181","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=10181"}],"version-history":[{"count":16,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/10181\/revisions"}],"predecessor-version":[{"id":14145,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/10181\/revisions\/14145"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/10182"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=10181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=10181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=10181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}