1. Home
  2. Help Center
  3. Content Protector
  4. How to add Content Protector to your site

How to add Content Protector to your site

How to add Content Protector to your site

Just add a content-protector.min.js file to your website. You can add a plugin file to any existing website or CMS like WordPress or Joomla.
No CSS or images files are needed for the plugin to work. No dependencies like jQuery. Only clean and fast Vanilla JavaScript.

Include Content Protector's files

After you download Content Protector form CodeCanyon, unzip the archive and go to 01-Plugin folder. There you will find the full and minimized version of the plugin. Include content-protector.min.js file in your pages.

<script src="https://example.com/js/content-protector.min.js"></script>

Place this at the very bottom of the site, right before </body> tag.
That's it. Your content is now protected.

Place this at the very bottom of the site, right before  tag. That’s it. Your content is now protected.

What if the user disables JavaScript in the browser settings?

In this case, the content protector cannot do anything. However, it is possible to add another line of defense.

Add this code to the end of your pages right before closing body tag. Now if the user disables the javascript, it will see a full-screen message.

Message if JavaScript was disabled.
Was this article helpful?
Help us make these docs great!

See something that's wrong or unclear?
Submit an issue and we will fix it.

Submit issue
Share your thoughts