How to add extra security to your protected pages in Squarespace

Adding extra security to your protected pages

Protecting pages within a product provides a basic layer of protection for your website content. However, we recommend adding extra security to each of your protected pages.

There are two main reasons to add extra security to your protected pages:

If a tech-savvy person wants to get around your page protection without joining one of your plans, they can disable Javascript in their browser which will prevent the page protection popup from appearing. However, if your page has extra security, it will simply appear as a blank white screen with no content.
A good way to prevent search engine indexing of protected page content is by adding the extra security code. This sends a strong "do not index" signal to Google and other search engines. This does not necessarily work 100% of the time since search engines can choose to ignore the signal, but that's rare.

When a visitor goes to a page with extra security, they will still see its contents for a second or so before the page protection popup appears. This does not affect customers with access to the protected page.

How to add extra security to your protected pages

Copy this code:

<meta name="robots" content="noindex, nofollow"><style>#__memberspace_modal_protected_page { position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:2147483646; }</style><div id="__memberspace_modal_protected_page"></div>

Make sure you are logged into your Squarespace backend.
Click Website > Pages on the left:
Find the page you want to add extra security to and then click the gear icon to the right of the page name:
Click the Advanced tab at the bottom left > paste what you copied into the Page Header Code Injection area > then click Save at the top left:

For Squarespace index pages, we recommend adding this extra security code to the index page and all pages within it.