How to add extra security to your protected pages in Duda

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 Duda backend.
Click Pages in the left menu, then click on whatever page you want to add extra security:
Click Widgets in the menu, then insert the HTML widget anywhere on your page (not the Header or Footer, though). It should not affect any spacing or layout:
Remove the default wording in the HTML Content box > then paste the code you copied previously and click Update:
Afterwards, the page may turn black, but don't worry! First, click the Publish (or Republish) button in the top right:
After you publish, simply refresh your browser, and the page should be visible again.

White Label Website Builder

If you are using Duda's White Label Website Builder, add this line of script to the existing extra security code with your white labeled editor URL:

|| window.top.location.href.search('Enter white label editor URL here') > 0)

It should look like this afterwards:

<noscript><meta http-equiv="refresh" content="0; url=https://www.memberspace.com/enable-javascript"></noscript><meta name="robots" content="noindex, nofollow"><style>#__memberspace_modal_protected_page {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:2147483646;}</style><div id="__memberspace_modal_protected_page"></div><script>if(window.top.location.href.search('my.duda.co') > 0 || window.top.location.href.search('my.dudaone.com') > 0)  || window.top.location.href.search('Enter white label editor URL here') > 0){document.getElementById("__memberspace_modal_protected_page").style.display = "none";}</script>