How To Create Password-Protected Page in Elementor
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
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:
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:
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’:
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:
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:
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:
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:
You also have the option of entering multiple passwords for any protected content, as you can see below:
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:
This is also a great way to track user engagement, especially if you’re running a targeted campaign. For instance, here’s an example:
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-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.
