How To Create Password-Protected Page in Elementor

Table Of Content

If you’re a WordPress developer, chances are you’re familiar with Elementor. Elementor is a drag-and-drop page builder that makes it easy to create complex, custom pages without having to write any code. 

One of the great things about Elementor is that it includes a wide variety of built-in features, including the ability to password protect a page. In this blog post, we’ll show you how to create a password-protected page in Elementor.

Why Password-Protect a Page in Elementor?

There are a host of reasons why you’d want to WordPress password-protect a page or page section in Elementor:

  • You could add a password gate to provide access to exclusive content only to paying members.
  • You could create client albums and present photos on a page, and only give access to specific clients. 
  • You can set a password to showcase your portfolio, giving you control over who gets to see it. 

 

Although the Elementor restrict content option is not available by default, fortunately there is a way to enable this feature with the Plus Addons for Elementor.

How to Create an Elementor Password-Protected Page

The Plus Addons for Elementor make it easy for website owners to easily set up a password-protected page or password-protected template in Elementor. Here’s a step-by-step guide on how to do it.

1. Enable the Protected Content Widget in Elementor

protected content widget tpae

The Protected Content page can be found through the WordPress dashboard. It’s available with the Pro version, and you can just toggle it on from the Plus Widgets tab, as shown below:

turn protected content widget on

Simply toggle it on, and be sure to save your changes. Now, just scroll to the page or post that you want to password-protect, and follow the instructions below.

2. Activate the Protected Content Widget

Once you’re on the page, the next step is to search for the Protected Content widget from the left sidebar in Elementor, and just drag it on the page that contains the restricted content.

Here’s how it’s going to look:

password protected content widget dashboard

From the left sidebar, you can set the type of protection you want to set, such as single password, multi-password, or limited access to specific user roles

You can also set the password and specify the message that you want to show to unauthorized users. 

There’s also the option to specify an error message in case a user enters the wrong password. 

As well as having WordPress protected content, it is also possible to set the restricted content to a page template. To do this, click the drop-down menu on the left labeled ‘Content Source’ and change ‘Content’ to ‘Page Template’:

changing content to page template in settings The Plus Addons for Elementor

Once you have selected ‘Page Template’ a second dropdown menu will be enabled that allows you to select an entire template section, such as a hero section, tab, carousel and many others, as shown below:

choose one of many templates in password protected widget settings

Another option you will want to consider is the cookie length. The cookie will determine how long the password protected content can be accessed after the user enters the password, before it is hidden, and the user is required to re-enter their password.

In the settings section on the left, expand the ‘Protection Type’ section and scroll to the bottom, where you will have the option to turn the cookie feature on or off, and set the duration:

setting cookie feature and duration settings in protected content widget

3. Preview Your New Password-Protected Restricted Content Page

Once you’ve set everything up, you can now preview the protected page and make sure that it’s working properly:

preview of protected page in elementor

You can try entering the password to check if the protection is removed. Here’s how the content appears once you remove the password protection:

testing does password protection work

You also have the option of entering multiple passwords for any protected content, as you can see below:

multiple passwords option in password protected content widget

Multiple passwords make it easier for people to access the restricted content, as they can choose from several passwords instead of having to remember only one. And, as mentioned, you can add or remove any password you want.

Once any of the specified passwords are entered, you’ll be able to unlock the content:

password approved screen

This is also a great way to track user engagement, especially if you’re running a targeted campaign. For instance, here’s an example:

tracking user engagement with password protected content

You can place a discount coupon behind a protected page, and track how many users actually enter the password to get the coupon. 

You can obviously customize and style the page however you want. Here’s how it looks in this example:

password protected content in elementor widget example

Password-Protect Pages Easily with The Plus Addons for Elementor

The Plus Addons for Elementor unlock a host of additional features for your Elementor-powered site, letting you add social media feeds, custom banners, advanced typography, and a lot more. 

Instead of purchasing several addons to add new functionality, The Plus Addons for Elementor pack more than 120 Elementor widgets and extensions into one package, giving you a host of different options to design and customize the site just how you see fit.

Get 120+ Powerful
Widgets for Elementor

Very good collection of Elementor-Extending Widgets. The support is very fast and always there to help you. - familyagency
★★★★★

X