How to hide the promotional pop up on specific pages

This tutorial will show you how to hide the Squarespace promotional pop-up on specific pages.  Promotional pop-ups are great for attracting visitors to your website with the latest offering or products in your shop. This feature can also be used for newsletter sign-ups.  

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.

Complexity: Easy

---

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>

---

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.