How to hide the promotional pop up on specific pages
Squarespace’s promotional pop-up is a great feature for capturing email signups or displaying important announcements. However, there may be times when you want to hide the pop-up on specific pages — such as your checkout page, a thank-you page, or any area where minimal distraction is key.
Fortunately, you can easily target and disable the pop-up using custom CSS and page-specific targeting. This tutorial will walk you through exactly how to do that.
To activate your promotional pop-up on your site, click on the Marketing menu on the main menu of your Squarespace website. From this page, click Promotional pop-up. From here, select and customise your layout. Once everything is set up to your preference, activate the pop-up option. This will work on Squarespace 7.1.
Table of Contents
Why Hide the Pop-Up on Certain Pages?
There are many scenarios where disabling the pop-up improves user experience:
Avoid distracting customers on the checkout page.
Keep the thank-you page clean and focused.
Remove pop-ups from member-only areas or landing pages.
Improve performance on high-conversion pages.
Complexity: Easy
Step-by-Step Instructions
Step 1
Go to page you want to hide the pop-up, click on the gear icon. Click on the Advanced option.
Step 2
Copy and paste the code in the Advanced ‘page header code injection’. box. Then click on the save option.
<style type="text/css">
/*Hide popup*/
.sqs-popup-overlay {
display: none!important;
}
</style>
Key Takeaways
Squarespace does not allow pop-up targeting by default.
You can use page slugs and CSS to hide pop-ups selectively.
This helps you maintain a smooth, distraction-free experience on key pages.
Always double-check slugs and test your site across desktop and mobile.
FAQs
Will this affect other pop-ups like announcement bars or third-party tools?
No — this targets only Squarespace's native promotional pop-up.
Can I use this with password-protected or hidden pages?
Yes! As long as the page has a slug, this method will work.
What if I want to show a different pop-up on another page?
That requires using a custom script or third-party pop-up provider that supports targeting by URL.
Conclusion
Hiding the promotional pop-up on specific pages in Squarespace 7.1 is a simple yet powerful way to improve user experience where it's needed most. Whether you're streamlining your checkout process, showcasing a portfolio, or keeping a thank-you page distraction-free, using targeted CSS allows for greater design control and customization.
If you have any questions or need any help with your Squarespace website design, you can book a 1:1 consultation.
All work in this guide is provided ‘as-is’. Other than as provided in this agreement, this guide makes no other warranties, expressed or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.
If you require professional advice, we recommend that you purchase the services of a developer.
