1. Home
  2. Docs
  3. Passster
  4. Area Protection

Area Protection

When you want to protect parts of your website then you use protected areas for that. You can find them when you navigate to Passster-> Protected Areas.

Area Protection 1

Create a protected area

Create “Add new” and we start together creating an protected area.

Area Protection 2


You can add an optional title to better structure your areas for later usages. There are not important for the further usage.


Here you can add the content you want to protect. This can pretty much anything you want. You can also use your favorite Page Builder to match the protected content with your general styling. You have to activate Protected Areas in your page builder before you can use it to style your areas.

Here are a couple of tutorials on how to do that:

Gutenberg does not require that step and will work out of the box.


When you have configured your settings and added your content save the protected area and Passster will create a ready-to-use shortcode for you that you can copy and use.

Area Protection 3

Shortcode Configuration

Area Protection 4

There are a couple of settings you can configure:

Protection Types:

You can choose from a list of protection types:

  • Password
  • Multiple Passwords
  • Password lists
  • Captcha
  • Google ReCaptcha
  • API

based on your selection, the fields below will change and the description texts will guide you on how to fill out the fields.

User Restriction

Additionally to the protection type you can automatically unlock the content for certain users or user roles.


Here you can modify the headline, description, placeholder and button texts for your shortcode.

Add the shortcode

That’s all for now, copy the shortcode and add it to a page/post/widget or any other content area you like to use.

Area Protection 5

When you visit the page you should the protected area. Use your password or re/captcha to unlock it:

Area Protection 6