For a certain reason, you might want to create a web page and protect it with a password so only those you shared the password with can access the page. In WordPress, there are several ways to accomplish it. If you have a web programming skill, you can write a script to password-protect your page. If you don’t, there are several plugins as the assistant.
In this article, we will show you how to password-protect a web page in WordPress using Essential Addons.
Essential Addons is a WordPress plugin. More precisely, it is an Elementor add-on. Elementor itself is a page builder plugin for WordPress that allows you to create beautiful web pages without having to deal with either HTML or CSS. Instead, you can create a web page using its visual editor where everything is drag and drop.
Both Elementor and Essential Addons are freemium plugins. To create a password-protected page, you can use the free version of Elementor. However, you need to use the paid version of Essential Addons since the feature to password-protect a page is only available on the pro version.
Here are the steps to password-protect a page in WordPress using Essential Addons+Elemetor.
Step 1: Install Elementor
The free version of Elementor is available on the official plugin repository of WordPress so you can find it using the search box on the plugin manager. On your WordPress dashboard, go to Plugins -> Add New. Type “elementor” on the search box and click the Install Now button once you found it. Activate the plugin right away once installed.
Step 2: Install Essential Addons
Since the feature to password-protect a page is only available on the paid version of Essential Addons, you need to install the paid version. You can get the paid version of this add-on on its official website (costing $29 per year). You will have access to download the ZIP file of the plugin once you completed the purchase.
To install it, login to your WordPress dashboard and go to Plugins -> Add New. Click the Upload Plugin button on the top side, select the ZIP file and click the Install Now button. Activate the plugin right away once installed.
Step 3: Start creating a password protected page
Not just page, Essential Addons also allows you to create a password-protected blog post. To get started, create a new page (Pages -> Add New) or post (Posts -> Add New) and edit it with Elementor.
Before you start editing the page, set the page layout first. To do so, click the gear icon on the bottom-left corner on the left panel. Select the page layout on the Page Layout section.
Start editing the page by adding a section. Click the plus button on the canvas area and select a structure according to the design concept you want to create. In this example, we choose a single-column structure.
Add EA Protected Content widget by dragging it from the left panel to the canvas area.
Add the content to your page. Essential Addons offers two options to add the content to the page. You can add the content from the saved template or using the editor. If you want to add the content from the saved template (Elementor template) you can select Saved Templates on the Content Type section and select template from the dropdown menu beneath it. You can visit this post to learn about Elementor template.
Or, if you want to add the content using the editor, you can select Content on the Content Type section and use the editor to add your content.
Once you are done adding the content, open the Protection Type option and select the protection type you want to use. Essential Addons offers two protection types. In addition to the password, you can also restrict your content by WordPress user role. Since you want to protect your page with a password, select Password-protected and type your password.
Open the Message option to edit the default message. Essential Addons also allows you to add the message from a template. If you want to use the editor instead, simply type your text message on the editor.
Until here, your content is already protected and you can click the PUBLISH button on the bottom side of the left panel to publish your page. If you want to style the content locker (the message, password field, and the button) you can go to the Style tab on the left panel.
Styling the content locker
To style the message, open the Message option under the Style tab. You can change the text color by clicking the color selector on the Text Color section and set the typography (font size, font style, and font family) by clicking the pencil icon on the Typography section. To set the alignment, you can select the alignment from the Text Alignment section.
- Password field
To style the password field, you can open the Password Field option. You can set the input width from the Input Width section, set the alignment on the Input Alignment section, border radius on the Border Radius section, the backgroud color on the Background Color section.
- Submit button
To style the submit button, you can open the Button option. You can set the button text typography by clicking the pencil icon on the Typography section, border radius on the Border Radius section, button text color on the Text Color section, background color on the Background Color section.
There are several other styling options you can set to. You can play around with the Style tab on the left panel until you get satisfied with the look of the content locker. You can visit this page to see an example of the password-protected page created with Essential Addons (password: 1234)