How to Hide the Squarespace Promotional Pop Up (only on specific pages!)

Promotional pop-ups are a great way to gain the attention of your website visitors for your latest offering or newest product in the shop. Most users utilize this feature for email newsletter sign-ups as well on their Squarespace website.

To activate and customize your promotional pop up on your site, visit the Marketing menu on the main menu of your Squarespace website. From this window, click Promotional Pop-Up. You can select and customize your layout and once everything is set up to your preference, turn on the Display Pop-Up option. Make sure to hit Save once you have completed all of these steps.

While your promotional pop-up can be a great way to engage with your audience, you don’t want it to end up being a distraction on some pages of your website. For example, you may have a course landing page or product shop you want to be the focus - not a newsletter sign up.

Psst! We’re a Squarespace Circle member and affiliate, and genuinely think it’s the best web platform out there. Click here and use coupon code STATION10 for 10% off your first year.

There is a way to have your promotional pop-up not display on specific pages through some simple steps and a little bit of code! To update this setting throughout your website, access the Page settings of the page you do NOT want the pop-up to display.

Underneath the page settings, select Advanced and click on the section for the Page Header Code Injection.

In this section of the page settings, insert the following code into the text box.

<style type="text/css">
/*Hide popup on this page only*/
.sqs-popup-overlay {
  display: none!important;
}
</style>

After selecting Save, the pop-up will no longer display on that page. Pretty great, right? Make sure to review your site for pages where your pop-up could be a major distraction from money-making pages such as your shop or sales landing pages. This simple snippet of code can be really helpful so make sure to bookmark this post or copy the code over to your site right now!

You might also like…
Previous
Previous

How to Hide the Header + Footer Navigation on Squarespace (only on specific pages!)

Next
Next

How to Create Cloaked Affiliate Links in Squarespace