{"id":10034,"date":"2023-11-22T12:08:31","date_gmt":"2023-11-22T12:08:31","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=10034"},"modified":"2025-10-15T06:20:32","modified_gmt":"2025-10-15T06:20:32","slug":"squarespace-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/squarespace-popup\/","title":{"rendered":"Squarespace Popup: Simple Guide to Engaging, High-Impact Designs"},"content":{"rendered":"<p>Are you a Squarespace user looking to enhance your website&#8217;s performance?<\/p>\n<p>You\u2019re in luck!<\/p>\n<p>I&#8217;ve found Squarespace to be an outstanding platform for my website. Its user-friendly interface and customizable templates make it easy to create a professional site.<\/p>\n<p>I only recently discovered\u00a0<a href=\"https:\/\/www.picreel.com\/integrations\/\">Squarespace<\/a>\u00a0popup forms to be remarkably beneficial. They help me capture emails and target specific pages, while maintaining a seamless design.<\/p>\n<p>I\u2019ll show you the different options available for creating popups in Squarespace and compare Squarespace&#8217;s built-in popup tool with a standardized popup tool called\u00a0Picreel. In fact, this is what my Picreel popup on Squarespace looks like:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10063\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_Squarespace_popup.jpg\" alt=\"Squarespace_popup\" width=\"1311\" height=\"613\" \/><\/p>\n<div class=\"banner-btn newuishow\" style=\"text-align: center;\"><a class=\"round_btn try-btn\" href=\"https:\/\/www.picreel.com\/templates\/limited-time-deal-popup\" target=\"_blank\" rel=\"noopener\">Use This Template<\/a><\/div>\n<p>Popups can be a powerful <a href=\"https:\/\/www.picreel.com\/blog\/best-list-building-tools\/\">tool to\u00a0grow your email list<\/a>\u00a0and improve click-through rates.<\/p>\n<p>Since we are talking about both Squarespace popup builder and Picreel, let&#8217;s compare the features and capabilities of both using the following criteria:<\/p>\n<div id=\"tablepress-181-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-181\" class=\"tablepress tablepress-id-181 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">Squarespace 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\">Exit-intent Technology<\/td><td class=\"column-2\">\u274c Squarespace does not offer exit-intent pop-ups<\/td><td class=\"column-3\">\u2705 Picreel offers exit-intent pop-ups that appear when a user is about to leave the website.<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Targeting Options<\/td><td class=\"column-2\">\u274c Squarespace does not offer advanced targeting.<\/td><td class=\"column-3\">\u2705 Picreel offers advanced targeting based on visitor behavior, such as time on site, scroll depth, and mouse movement.<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">A\/B Testing Functionality<\/td><td class=\"column-2\">\u274c Squarespace does not provide A\/B testing<\/td><td class=\"column-3\">\u2705 Picreel provides A\/B testing to optimize the performance of pop-ups by testing different designs and content variations.<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Integration with Third-Party Email Marketing Services<\/td><td class=\"column-2\">\u274c Squarespace does not integrate with popular email marketing services like Mailchimp and Constant Contact.<\/td><td class=\"column-3\">\u2705 Picreel integrates with popular email marketing services like Mailchimp and Constant Contact.<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Video Support in Pop-ups<\/td><td class=\"column-2\">\u274c Squarespace does not support embedding and displaying videos in pop-ups.<\/td><td class=\"column-3\">\u2705 Picreel allows the embedding and displaying of videos in pop-ups to engage visitors with multimedia content.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div><!-- #tablepress-181 from cache -->\n<p>From the table, you can tell that Picreel is a better option than Squarespace&#8217;s popup builder. Based on personal experience, I would recommend using Picreel for the following reasons:<\/p>\n<ul>\n<li><strong>Multi-platform support:<\/strong>\u00a0While Squarespace&#8217;s popup tool only works for Squarespace websites, Picreel is a standardized <a href=\"https:\/\/www.picreel.com\/features\/popup-builder\/\">popup builder tool<\/a> that works across multiple website platforms. It means you can use Picreel regardless of your website&#8217;s hosting platform, providing greater flexibility and convenience.<\/li>\n<li><strong>Reduced dependency on Squarespace:<\/strong> If you ever decide to migrate your website away from Squarespace, using a standardized popup tool like Picreel to <a href=\"https:\/\/www.picreel.com\/blog\/how-to-create-pop-up-ads\/\">create popups<\/a> makes the transition smoother. With Squarespace&#8217;s built-in popup tool, you will have to recreate your popups from scratch if you decide to move your website to a different platform.<\/li>\n<li><strong>More trigger options:<\/strong>\u00a0While Squarespace&#8217;s built-in popup tool offers only basic targeting options, Picreel provides\u00a0<a href=\"https:\/\/www.picreel.com\/features\/popup-triggers\/\">advanced targeting<\/a>\u00a0features, such as exit-intent, time-based popups, scroll-based popups, and more. These triggers provide greater control and precision in displaying your popups, leading to better engagement and conversion rates.<\/li>\n<\/ul>\n<p>To give you an idea, I\u2019ll go through the step-by-step process of creating a popup using both methods.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_Squarespace%E2%80%99s_Built-in_Popup_Tool\"><\/span>Method 1: Using Squarespace\u2019s Built-in Popup Tool<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Squarespace provides its popup tool, making it easy to create and customize popups on your website. Follow the steps below:<\/p>\n<p><strong>1.<\/strong> Log in to Squarespace and go to your website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10039 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Squarespace_PIC_Log-in-to-Squarespace-and-go-to-your-website.jpg\" alt=\"Log in to Squarespace and go to your website\" width=\"810\" height=\"389\" \/><\/p>\n<p><strong>2.<\/strong> Open the \u201c<strong>Promotional pop-up panel<\/strong>\u201d in the \u201c<strong>Marketing<\/strong>\u201d tab.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10040 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Squarespace_PIC_Open-the-\u201cPromotional-pop-up-panel\u201d-in-the-\u201cMarketing\u201d-tab.jpg\" alt=\"Promotional pop-up panel\" width=\"810\" height=\"389\" \/><\/p>\n<p><strong>3.<\/strong> Once in, pick a layout that suits your style.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10041 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Squarespace_PIC_Once-in-pick-a-layout-that-suits-your-style..jpg\" alt=\"Pick a layout that suits your style.\" width=\"810\" height=\"389\" \/><\/p>\n<p><strong>4.<\/strong> Personalize the text, timing, and appearance in the \u201c<strong>Action, Content, Display &amp; timing, Image, and Style<\/strong>\u201d settings.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10042 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Squarespace_PIC_Action-Content-Display-timing-Image-and-Style.jpg\" alt=\"Action, Content, Display &amp; timing, Image, and Style\" width=\"810\" height=\"389\" \/><\/p>\n<p><strong>5.<\/strong> Enable the popup by toggling on \u201c<strong>Display pop-up<\/strong>.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10043 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Squarespace_PIC_Enable-the-popup-by-toggling-on-\u201cDisplay-pop-up.jpg\" alt=\"Enable the popup by toggling on \u201cDisplay pop-up&quot;\" width=\"810\" height=\"389\" \/><\/p>\n<p><strong>6.<\/strong> Save your changes.<\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s all you need to do. If you\u2019re only looking for a basic popup, this method works fine. But if you want higher conversions, keep reading to see how Picreel takes it further.<\/span><\/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 popup maker offering cross-platform compatibility.<\/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=lTWMlXNS6b69Yai9\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Here are step-by-step instructions on creating a Squarespace popup using Picreel:<\/p>\n<p><strong>1.<\/strong> Register with Picreel and sign 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> Navigate to the &#8220;<strong>Campaigns<\/strong>&#8221; section and click &#8220;<strong>New<\/strong>\u00a0<strong>Campaign<\/strong>&#8221; at the top right. You can also choose templates from the dropdown menu 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> Pick the popup style you like from the templates.<\/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> After selecting a design, customize it to your liking.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10044\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_After-selecting-a-design-customize-it-to-your-liking..jpg\" alt=\"After selecting a design, customize it to your liking.\" width=\"810\" height=\"318\" \/><\/p>\n<p><strong>5.<\/strong> Set up your targeting and <a href=\"https:\/\/www.picreel.com\/features\/popup-triggers\/\">trigger<\/a> preferences to determine when and where the popup should show.<\/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> Activate your popup by clicking &#8220;<strong>Save<\/strong>.&#8221;<\/p>\n<p>Apart from this, I\u2019ll also explain how to embed the Picreel HTML code into your Squarespace website to integrate the popup seamlessly.<\/p>\n<h3>Embedding Picreel HTML Code Inside Squarespace<\/h3>\n<p>Here are the steps you need to follow to embed Picreel code in your Squarespace website:<\/p>\n<p><strong>1.<\/strong> Navigate to campaigns 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> Open the Squarespace website editor and navigate to the \u201c<strong>Website<\/strong>\u201d option to see all your webpages.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10045\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Squarespace_PIC_website-edito.jpg\" alt=\"website editor\" width=\"810\" height=\"389\" \/><\/p>\n<p><strong>4.<\/strong> Once in, hover over the page you want to embed the code on and click on the \u201c<strong>Settings<\/strong>\u201d icon.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10048\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Squarespace_PIC_Settings.jpg\" alt=\"Settings\" width=\"810\" height=\"389\" \/><\/p>\n<p><strong>5.<\/strong> In the settings dialogue box, go to \u201c<strong>Advanced<\/strong>\u201d to access the code menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10049\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Squarespace_PIC_Advanced-1.jpg\" alt=\"Advanced\" width=\"810\" height=\"389\" \/><\/p>\n<p><strong>6.<\/strong> Paste the code in the blank section and click \u201c<strong>Save<\/strong>.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10046\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/Squarespace_PIC_Squarespace-website-editor-\u2013-3.jpg\" alt=\"website editor\" width=\"810\" height=\"389\" \/><\/p>\n<p><strong>7.<\/strong> Preview your website to ensure the custom code is displayed correctly.<\/p>\n<p><strong>8.<\/strong> Finally, publish your website for the changes to take effect.\u00a0 I hope this answers your question about \u201chow to add a popup in Squarespace\u201d.<\/p>\n<p><span style=\"font-weight: 400;\">Your popup is now live! Want to try it out? Log in and <\/span><a href=\"https:\/\/www.picreel.com\/login\/\"><span style=\"font-weight: 400;\">create your first campaign<\/span><\/a><span style=\"font-weight: 400;\"> in minutes.<\/span><\/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>When looking at the bigger picture, <a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a> stands out as the better choice. It ensures your popup tool stays unaffected even if you switch platforms, offering more advanced features and a broader range of 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>Try both approaches and see which aligns better with your website goals and budget. Enjoy creating your popups!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you a Squarespace user looking to enhance your website&#8217;s performance? You\u2019re in luck! I&#8217;ve found Squarespace to be an outstanding platform for my website. Its user-friendly interface and customizable templates make it easy to create a professional site. I only recently discovered\u00a0Squarespace\u00a0popup forms to be remarkably beneficial. They help me capture emails and target&#8230;<\/p>\n","protected":false},"author":21,"featured_media":10035,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-10034","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\/10034","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=10034"}],"version-history":[{"count":22,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/10034\/revisions"}],"predecessor-version":[{"id":15345,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/10034\/revisions\/15345"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/10035"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=10034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=10034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=10034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}