Content restriction is one of the most efficient ways to encourage visitors to take action.
WordPress and Elementor make it easy to restrict sections or pages to only be accessible with a password or after logging in.
This article will teach you how to restrict content with the Elementor page builder plugin.
Why Restrict Content?
As mentioned above, restricted content will prompt users to act, and therefore, it’s a strategy that many websites are using.
Some of the reasons to restrict content are:
- Membership – content that is only visible to members will force visitors to purchase a membership plan to access it.
- Signup – restricting the content to logged-in users will increase the signup rate of your site. Visitors will have to create an account in order to view the locked content.
- Opt-in – A large email list is a goal that every website should pursuit. Locked content or downloadable files will strength the need of your visitors to opt-in to your email’s list.
- Share – when the viewers must share the content before accessing it, it will increase the click rate and exposure of your website.
There are many more reasons to protect the content, and that was just a major shortlist of it.
Now that you know the significant advantages of restricting content, let’s move on and learn how to do it.
How to Restrict Content with Elementor
There are a couple of ways to restrict pages or content with Elementor. The first way is by using the native WordPress method, and the second is by using an extension.
In this tutorial, I will show you both ways, and let’s start with the first way, password-protecting a page with the default WordPress option.
Protect Elementor page with a password
This method will work with any WordPress page, whether you built it with Elementor or other page builders.
First, navigate to Pages -> All Pages and hover your mouse’s cursor on the page that you would like to restrict.
Then, click on the Quick Edit link below the page title.
Set your desired password inside the password field and click update.
Once updated, visit the locked page (use an incognito window) and verify that you can only access the page with the password.
You completed the task if you only needed to protect the page with a password. However, if you would like to restrict specific sections of Elementor, keep reading.
Restrict sections with the Essential Addons extension
Essential Addon is an extension that will expand the functionality of Elementor and enrich it with many extra widgets.
One of the many added ones is the Restrict Content widget, which locks its content based on the condition you’ll set.
Follow the steps below and learn how to use the widget.
Step #1: download the Essential Addons plugin
The first step is to install and activate the free version of the Essential Addons for Elementor plugin.
To do that, search for the plugin in the Plugins -> Add New screen. Once you find it, please install and activate it.
After downloading the pro version, navigate to Plugins -> Add New -> Upload Plugin, upload the zip file, and activate it.
Once the pro version is active, you can start using the restrict content widget, along with all the other ones.
Step #2: use the restrict content widget
From inside the Elementor screen, drag the EA restrict content widget to your desired location on the right.
Enter the content you would like to restrict under the protected content tab. Alternatively, you can use a template instead from the content type drop-down menu.
Once you have entered the content, move on to set the protection type.
Step #3: set the protection type
There are two protection types that you can use. The first one is by user role, and the second is a password.
For example, if you want to show the content only to logged-in users, set the protection type to user role, and select the subscriber role.
On the other hand, choose the password option and generate your password if you want to protect the content with a password.
Once you enter the content and set the protection type, move on to the message tab and enter the message you would like to display to visitors who can’t access the section.
Make sure to save the changes and visit the page from an incognito window to verify it’s working as expected.
In this article, you learned how to restrict content with Elementor in two different ways.
Leave us a comment and let us know which methods you used to achieve this task.