fbpx

How To Create a Restricted Content Page Using Elementor

Have you ever wondered about putting a Password Lock on a certain section on your web page?  If so, know that creating a restricted content page will take only a few minutes. You don't believe me? Let me show you.


How To Create a Restricted Content Page Using Elementor 1

Make WordPress Site Private

Welcome to this Step-By-Step guide on how to build a Protected Content Page for WordPress. What exactly do we need to add a Protected/Restricted Content to a WordPress Website? We need half an hour and the most lightweight Page builder plugin for WordPress-Elementor. Elementor is a Drag and Drop Page Builder Plugin. With this plugin, we can build top-notch websites without having to write a single line of code.

How To Create a Restricted Content Page Using Elementor 2

Get Elementor

Open your WordPress Website and navigate to Plugins>Add New. Search for Elementor then Installs the Plugin. You don't need to buy the PRO version of Elementor for adding a Restricted Content section. Once the Installation is complete Activate the plugin. But if you still want the PRO version, get it here.

How To Create a Restricted Content Page Using Elementor 3

Get Essential Addons To Create Restricted Content

Okay, now that you have Elementor installed on your website you need to add an Addon to Elementor. It's the most powerful Addon Library for Elementor.

You need to get the PRO version of this plugin to unlock the EA Protected Content element. You can get the plugin from here. If you need assistance in getting the Plugin here is a quick documentation on how to Install The PRO Version.

Now that you have equipped your WordPress Website with the necessary plugins, let's get down to business.

Step One: Pick the content you want to protect

First, search for EA Protected Content from the search bar. Drag the Element inside the Elementor Interface and drop it.

How To Create a Restricted Content Page Using Elementor 4

From the Content>Protected Content Tab select the content you want to protect. You will see two options.

How To Create a Restricted Content Page Using Elementor 5

If you pick the Content, use the Editor to write your content.

How To Create a Restricted Content Page Using Elementor 6

Do not freak out if you don't see your content updating inside the Elementor Interface. Here is a screenshot of how the Interface would look like.

How To Create a Restricted Content Page Using Elementor 7

Or you can also use a Template option for Content. This might be a better option as you can use any template from the Elementor Template Library, edit it as required and save it.

How To Create a Restricted Content Page Using Elementor 8

Step o2: Set a Pass

Now, after you have selected a content type for your Page, let's set a Pass. You have two options. you can either set a User role on your WordPress Website. So, if you set the User Role Editor to have Access to the content, every individual on your website having an Editor Role will have access to the Content.

How To Create a Restricted Content Page Using Elementor 9

The second option is to set a Password for the Content.

How To Create a Restricted Content Page Using Elementor 10

Let's preview the page to see how it would look live.How To Create a Restricted Content Page Using Elementor 11

Step 03: Set a Message.

Now you need to set a message before the visitors give the Access Pass. So, by default, the Message is set to ‘You do not have permission to see this content.' But you can choose to not show any message at all, which is not recommended at all. Always use a Message for the Restricted Page.

How To Create a Restricted Content Page Using Elementor 12

Now if you choose to display a Message, you will see a mini WordPress editor appear on your screen. Type in your message and you are good to go.

How To Create a Restricted Content Page Using Elementor 13

And lastly, you can also use a Template for the message.

How To Create a Restricted Content Page Using Elementor 14

Once you are done, hit the Publish button.

Want More?

Cool isn't it? Elementor is a great plugin. Also if you want more practical elements such as the Protected Content Element at your disposal, you can try out the Essential Addons for Elementor.

If you want to see Demos of the elements first, click here.

Wrapping Up!

Was this blog helpful? Were the instructions difficult to follow? If so drop a comment below and we will come back to you. In the meantime here is a quick blog on How to Create a Coming Soon Page in WordPress. 

You can also check out this following video tutorial to learn how to easily restrict your content by using Elementor:

Will You Recommend Our Plugin To Your Friends?

Akash

Akash

Akash is a business student doing his major in finance. He likes to learn about new innovations that will shape the future world as much as he likes writing about them.

Share This Story

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp

2 thoughts on “How To Create a Restricted Content Page Using Elementor

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

🥳 Celebrating 3rd Birthday of Essential Addons with 700,000+ Users. SAVE 25% on all our products with coupon code 👉
EA3