How to Create a Promotional Squarespace Exit Popup

Some links in this post may be affiliate links. This means if you click through and take action, I will be compensated a small amount at no cost to you.

Introduction - Squarespace Exit Popup

In this guide, we’ll show you how to set up a Squarespace exit popup to create effective, targeted pop-ups on your website. Using the Promotional Pop-up 2.0 plugin by SQSMods, you can design a Squarespace exit popup that triggers when a visitor is about to leave your site, increasing your chances of capturing their attention before they go. This plugin provides flexibility beyond the standard built-in Squarespace pop-up. It allows you to display specific lead generation popups on individual pages and customize triggers like exit intent, scroll percentage, and time on page. Read on to learn how to install and configure this powerful pop-up tool.

As a Squarespace website designer and digital marketing specialist, I have found this plugin to be a game changer for creating an exit intent popup on Squarespace. Lead generation magnets are only effective when they match the page intent. This tool gives us the freedom to customize this experience based on the page and the type of traffic it is receiving!

Key Takeaways

  • The Promotional Pop-up 2.0 plugin by SQSMods allows Squarespace users to set up customizable pop-ups on specific pages, enhancing targeting and conversion potential. *This plugin requires the Business Plan or higher

  • This Squarespace popup plugin supports multiple triggers for pop-ups, including exit intent*, scroll percentage, and time spent on the page, giving you control over when and how visitors see your message. *exit intent only works on desktop as it requires the users curser to work

  • For general page content pop-ups, like linking a pop-up to a button or URL, the Lightbox Anything plugin by SQSPThemes offers a flexible solution to turn any element on a page into a pop-up trigger.

Stop wasting your money on ads. Learn how to optimize your website to get more clients and customers! [Free guide]

Please add your email to get a PDF file and video.

how to use your website to get more clients and customers
    Subscribe to the latest SEO tips for small business owners?
    How to Create a Promotional How to Create a Promotional Squarespace Exit Popup

    Example of a promotional popup on Squarespace

    Step-by-Step Instructions: How to Create a Promotional Squarespace Exit Popup

    Follow these steps to install and set up the Promotional Pop-up 2.0 plugin on your Squarespace site.

    1. Purchase and Download the Plugin

    Start by purchasing and downloading the Promotional Pop-up 2.0 plugin from SQSMods. The plugin files should include instructions and the code snippets you’ll need for setup.

    2. Create a Section for the Pop-Up

    Go to the page where you want the pop-up to appear. Create a new section on this page, which will be your designated pop-up content. Note that this section won’t display on the live page—it will only appear as a pop-up. By default the plugin will use the last section of the page. You can designate a specific section from anywhere on teh page, but to keep things organized, I recommend keeping this new section at the bottom of the page—it won’t display on the live site and it will make it easier to keep track of.

    3. Adjust Section Height

    For desktop, I recommend setting the height of the pop-up section to around 6 to 10 rows, depending on your content. For mobile, keep it to a maximum of 10 rows to avoid the pop-up taking up too much screen space or getting cut off.

    4. Access Code Injection Settings

    Next, go to Settings > Advanced > Code Injection in your Squarespace dashboard. This is where you’ll insert the necessary codes from the plugin files. You can also access this by clicking the “/” slash key.

    Take the first code provided by the plugin and paste it into the Footer section of the Code Injection area. This code is essential for the plugin to function across your site.

    6. Configure Pop-Up Settings

    Use the plugin’s configuration options to set your desired triggers, such as:

    • Scroll Percentage: Display the pop-up once the visitor scrolls to a certain point on the page.

    • Time on Page: Trigger the pop-up after a set amount of time.

    • Exit Intent: Display the pop-up when the visitor moves their cursor to leave the page. *This Squarespace exit intent popup feature only works on desktop as it requires the users curser to work

    7. Add the Configuration Code

    The second code, known as the configuration code, controls the pop-up’s behavior (triggers, timing, etc.). You have two options for placing this code:

    Site-Wide Pop-Up: If you want the pop-up to display on all pages, place the configuration code in the Header section of the Code Injection settings.

    Page-Specific Pop-Up: If you want the pop-up to appear only on a specific page, navigate to that page, click the gear icon to open the page settings, go to Advanced, and paste the configuration code into the Page Header Code Injection field.

    8. Test the Pop-Up

    Once you’ve completed the setup, test the pop-up in an incognito or private browser window to see how it appears on the live site and verify that the triggers work as expected.

    By following these steps, you’ll have a fully functional Promotional Pop-up 2.0 plugin ready to boost engagement and conversions on your Squarespace site.

    Conclusion

    If you are looking to create a Squarespace exit popup, setting up the Promotional Pop-up 2.0 plugin on your Squarespace site is a powerful way to capture visitor attention and drive conversions. By customizing where and how your pop-up appears, you can create a more targeted, effective user experience that aligns with your goals, whether it’s increasing sign-ups, promoting a special offer, or encouraging users to stay on the page longer. With a few simple setup steps, you can transform your Squarespace site into a more interactive platform that engages visitors and boosts your conversion rates. Test and refine your pop-up settings to find the perfect balance for your audience, and enjoy the benefits of a well-timed, strategically placed pop-up.

    If you are looking for more Squarespace plugins, check out my favorite cool Squarespace plugins or my complete Squarespace plugins toolbox.

    Frequently Asked Questions - Creating a squarespace Exit Intent Popup

    How do I create an exit pop-up on Squarespace?

    You can create an exit intent popup Squarespace by installing a Squarespace popup plugin like the Promotional Pop-up 2.0. While Squarespace’s native feature allows for basic pop-up functionality across your site, plugins offer more advanced options, like displaying a specific popup on Squarespace pages or creating a Squarespace exit popup triggered when a visitor is about to leave.

    How do I trigger exit intent?

    To trigger an exit intent pop-up with the Promotional Pop-up 2.0 plugin, start by installing the plugin and adding the required code to your Squarespace site. In the plugin’s configuration settings, select the “Exit Intent” trigger option. This setting will activate the pop-up when a visitor’s cursor moves toward the top of the browser window, indicating they’re about to leave the page. Once you’ve set the trigger, test it in an incognito or private browser to make sure it works as expected.

    How do I add a pop-up cookie in Squarespace?

    To add a cookie consent pop-up in Squarespace, navigate to Settings > Cookies & Visitor Data in your dashboard, then enable the Cookie Banner option. Customize the banner by selecting either Opt-In & Out (for GDPR compliance) or Opt-In, and adjust the banner style and disclaimer text to match your site’s design and inform visitors about cookie usage. Once configured, click Save to activate the banner, helping ensure transparency and compliance with data protection regulations.

    How do I get rid of the pop-up banner on Squarespace?

    To remove the pop-up banner on Squarespace, go to Marketing > Promotional Pop-Up in your dashboard. Toggle off the Enable Pop-Up option to deactivate the banner across your site. If you’re using a custom pop-up plugin, like the Promotional Pop-up 2.0, locate the code in Settings > Advanced > Code Injection and delete it from the Header or Footer sections. This will fully remove the pop-up from displaying on your site. Remember to save your changes to ensure the pop-up is disabled.

    Khara Wolf

    Hi, I’m Khara Wolf, the owner of Websites by Khara, a web design and SEO company for small business. With 12 years of professional experience in marketing, graphic design, website design and development, and SEO, I serve clients in Durango Colorado and worldwide. As a Squarespace website designer, platinum Circle Member, and certified SEO expert, I am passionate about providing educational resources to help small business owners move the revenue needle.

    https://www.websitesbykhara.com
    Previous
    Previous

    Case Studies: Why Switch from WordPress to Squarespace

    Next
    Next

    How to Change Site Title in Squarespace [Site-Wide SEO]