How to protect content on your Google Sites website


1. Open AuthPro HTML encoder

To access HTML encoder tool, login to your AuthPro Account manager and go to this URL:
https://www.authpro.com/cgi-bin/manager.fcgi?action=encode2
Make sure "Include AuthPro decoder and styles" and "Edit in visual editor" options are switched on:

If you do not have an AuthPro account, you can sign up here.

2. Duplicate members only page

You need to duplicate original page to keep copy of content you're going to encode. Open members only page you want to protect in Google Sites editor and in Pages menu open page's options and select "Duplicate page". Don't forget to hide this copied page from navigation menu.


3. Copy content from members only page

Publish and open copy of members only page you have made in previous step. You can copy all or part of your members area page content in HTML editor window.

  • To copy text simply select it and paste to AuthPro HTML editor.
  • To copy video, open it on original website (youtube) and copy it's URL from browser bar or using 'Share' link.
  • Copying images is most tricky part.. Images displayed on Google Sites have temporarily URLs which stops working after some time. To get permanent link you can save them on Google Drive, share to everyone, use 'Copy link' tool on Google drive to get hosted image link, paste it in textbox below and get permanent image URL which you can embed to any website:


4. Encode and paste protected content to your Google Sites

When you finish making copy of members content in AuthPro editor, you can encode it and copy protected content to be pasted on Google Sites.

Open original members only page in Google Sites editor and replace existing content with encoded one using 'HTML embed' tool.

Please make sure, you are logged in as member of your AuthPro account before embedding this code to be able to preview and format it properly! If you are not logged in you will only see blank panel.

5. Add message for non-members

If you want to display message to someone who enter your website without being logged in as active member you can use this code:

<div id='need_login' style='display:none; font-size:20px; text-align:center; color:red'>
  Please login to access this page!
</div>
<script>
  if (auth_res!='ok') document.getElementById('need_login').style.display='block';
</script>

Just add this code to encoded content you have embedded to your Google Sites at previous step (it will not work if added as separate embed). Feel free to customize it as you like (change text, color or font size).

Watch demo video


View demo website


Please contact us if you have any questions.