---
title: "Protected Content Widget: Settings Overview"
url: https://theplusaddons.com/docs/protected-content-widget-settings-overview/
date: 2024-02-22
modified: 2026-04-09
author: "Aditya Sharma"
description: "If you have sensitive content or any special content (offer, discount code etc.) that you don’t want everyone to see, adding password protection can be an effective solution. This feature..."
image: https://theplusaddons.com/wp-content/uploads/2024/03/Protected-Content-Widget_-Settings-Overview-1024x536.jpg
word_count: 760
---

# Protected Content Widget: Settings Overview

## Key Takeaways

- Protected Content widget from The Plus Addons for Elementor allows users to restrict access to website sections by requiring a password.
- Single Password and Multiple Password options enable users to protect content with one or more passwords.
- User Role feature restricts content visibility based on different user roles.
- Cookie settings allow saving password information in visitors' browsers to avoid re-entering passwords on subsequent visits.

If you have sensitive content or any special content (offer, discount code etc.) that you don’t want everyone to see, adding password protection can be an effective solution. This feature allows you to restrict access to specific sections of your website by requiring visitors to enter a password. 

With the Protected Content widget from The Plus Addons for Elementor, you can easily restrict content on your Elementor website in multiple ways.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-protected-content/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Required Setup

- [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor.](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)

- Make sure the Protected Content widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Protected Content and activate.

## Learn via Video Tutorial:

https://www.youtube.com/watch?v=Nrw2nK8PvQs

## How to Activate the Protected Content Widget?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **the widget name** **and** turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2024/02/protected-content-1-1024x358.png)

## Key Features

- **Single Password **- You can add a single password to protect the content.

- **Multiple Password **- You can easily add multi password protected content.

- **User Role** - You can restrict content based on different user roles.

- **Elementor Template** - You can easily add protected content with an Elementor template.

## How to Password Protect Content in Elementor?

To password protect content on your Elementor website add the Protected Content widget on the page.

### Protected Content

From the **Content Source** dropdown, you have to select the source of the content that you want to protect. Here you’ll find two options - 

- **Content** - With this option, you can directly add content in the editor.

- **Page Template** - With this option, you can add protected content with an Elementor template.

Let’s select Content here.

Then in the **Protected Content** section, you have to add the content directly.

### Protection Type

From the **Protection Type** dropdown, you have to select the protection type. Here you’ll find three options - 

- **User Role** - With this option, you can protect content by user role.

- **Single Password** - With this option, you can add a single password to protect content.

- **Multiple Password** - With this option, you can add multiple passwords to protect the content.

Let’s select Single Password here.

Then in the **Set Password** field, you have to add the password that users need to enter to see the protected content.

You can enable the **Show Content** toggle, to see the protected content in the backend, this can be used to style the content better.

From the **Cookie** section, you can save the information in the visitor’s browser cookies so they don’t have to re-enter the password every time they visit the page to see the protected content.

Once you open the popup you can set how long the cookies will saved in the **Days** field.

### Message

From the **Message Source** dropdown, you can select the message source which will be visible when the content is protected. Here you’ll find three options - 

- **None** - This will not show any message

- **Message** - With this option, you can directly write the message in the editor.

- **Elementor Template** - With this option, you can show custom content using an Elementor template.

Select the option as per your requirements of your content needs.

### Form Text

From the **Input text** field, you can edit the password field placeholder text.

![protected content form text](https://theplusaddons.com/wp-content/uploads/2024/02/protected-content-form-text.png)

Then in the **Button text** field, you can edit the password form submit button text.

> *Note: These options are not applicable for the User Role protection type.*

### Error Message

In the **Error Message** field, you can add a message for wrong passwords.

![protected content error message](https://theplusaddons.com/wp-content/uploads/2024/02/protected-content-error-message.png)

> *Note: This option is not applicable for the User Role protection type.* 

## How to Style the Protected Content Widget?

To style the Protected Content widget, you’ll find all the styling options under the Style tab.

**Message** - From here, you can style the protected content message added in the editor.

![protected content style](https://theplusaddons.com/wp-content/uploads/2024/02/protected-content-style.png)

**Form Input** - From here, you can manage the password input field style.

**Submit Button** - From here, you can manage the password form submit button style.

**Error Message** - From here, you can style the wrong password error message.

**Front Content** - From here, you can manage the protected content front wall style, i.e. the content all visitors see.

**Protected Content** - From here, you can style the protected content section i.e. the content you’ll see after inputting the correct password.

Advanced options remain common for all our widgets, you can explore all its options from here.

[View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/)

## Frequently Asked Questions

**Q: What are the different protection types available in the Protected Content widget?**
A: The Protected Content widget offers three protection types: User Role, Single Password, and Multiple Password. User Role allows you to restrict content based on user roles, while Single Password requires one password for access. Multiple Password enables you to set several passwords for the same content. Choosing the right protection type depends on your audience and how you want to manage access.

**Q: How can I style the Protected Content widget in Elementor?**
A: Styling the Protected Content widget is done under the Style tab, where you can customize various elements like the protected content message, password input field, submit button, and error message. This flexibility allows you to align the widget's appearance with your site's design. Remember to check the advanced options for additional styling capabilities.

**Q: Why isn't my Protected Content widget displaying correctly?**
A: If the Protected Content widget isn't displaying as expected, ensure that both the Elementor FREE Plugin and The Plus Addons for Elementor plugin are installed and activated. Additionally, verify that the widget is activated in The Plus Addons u2192 Widgets section. Missing these steps can lead to functionality issues.

**Q: What should I consider when setting the cookie duration for password protection?**
A: When setting the cookie duration for password protection, consider how often you expect users to return to the protected content. The cookie saves the password in the visitor's browser, so they won't need to re-enter it each time. Adjust the duration in the Days field based on your content's access frequency to balance security and user convenience.