Creating a Password Protected Page in Elementor is a great way to share exclusive content with select users while maintaining your website’s professional look. This feature is perfect for websites that need to restrict access to sensitive information or premium resources. In this guide, we’ll walk you through the steps to set up a Password Protected Page seamlessly using Elementor, ensuring your content stays accessible only to the intended audience.
Popular Use Cases for using a Password Protected Page in an Elementor Website
Private Event Information
Secure event schedules, invitations, or exclusive attendee details with a password to ensure only the intended audience can access.
Client Deliverables
Share project updates, designs, or documents with specific clients by protecting the page with a password.
Exclusive Resources
Restrict access to downloadable files like guides, templates, or whitepapers meant for a select group of users.
Team Collaboration
Protect internal resources such as meeting notes, team plans, or work-in-progress documents for your team members.
Course Materials
Keep your educational content like videos, presentations, or quizzes private for students with the password.
Beta Access
Provide early access to features, products, or announcements to a select group of users before a public release.
Step #1: Install and activate Unlimited Elements
Before getting started you will need to purchase Unlimited Elements pro from the link below to access the Protected Content widget.
Then follow these steps:
Go to Plugins → Add New → Upload Plugin.
Choose the zip file you downloaded, upload, and then click Activate.
Once activated, you’ll need to enter your license key.
Now that you have the plugin installed, it’s time to start using the Protected Content widget.
Step #2: Adding the List Marquee widget to your Elementor website
To create a Password Protected page you need to install the Protected Content widget from the Unlimited Elements Widget library.
Go to Unlimited Elements in the WordPress Dashboard
Search for the "Protected Content"
Hover over the widget and click install
Step #3: Add Protected Content widget to your Elementor page
Now, in the Elementor editor, Find the Protected Content widget and drag it to the desired part of your page.
General Settings
Protection Type
Choose the protection type as either "Single Password" or "Multiple Passwords."
Password
Enter the password that will be used to access the content.
Hash SHA-256 Password
If this option is enabled. enter the SHA-256 hashed value of the password in the password field instead of the plaintext password. This will prevent the password from being exposed on the frontend. You can easily generate the hash of your password using online tools such as the SHA-256 Hash Generator
Align Content
Align the content to "Start," "Center," or "End."
Layout Settings
Show Title
Set the "Show Title" option to "Yes" to display a title.
Title
Enter the title as needed.
Show Description
Set the "Show Description" option to "Yes" to display a description.
Description
Write the description as needed.
Button Text
Enter the desired button text.
Show Graphic Element
Select the graphic element as either an "Icon" or an "Image."
Graphic Image
Choose the graphic image accordingly.
Show Input Placeholder
Set the "Show Input Placeholder" option to "Yes" to display an input placeholder.
Protected Content Settings
Protected Content Source
Choose the protected content source as a "Text Editor," "Template," or an "Image."
Template
Select the template you want to display.
Error Message and Cookie Options
Error Message
Enter the error message that will be displayed when the wrong password is entered.
Cookie Name
Enter the cookie name if needed.
Cookie Expiration Days
Set the cookie expiration days.
Cookie Expiration Hours
Set the cookie expiration hours.
Cookie Expiration Minutes
Set the cookie expiration minutes.
Now that we’ve completed the setup, we can begin configuring the widget’s style settings to align with our design needs.
Wrapping it Up!
Password-protecting a page in your Elementor website not only enhances security but also allows you to tailor content for specific audiences effortlessly. It ensures that sensitive information is only accessible to the intended users, maintaining confidentiality and trust. With these steps, you can confidently create a private and professional space on your website. Whether it’s for exclusive client portals, membership content, or internal resources, password protection provides a seamless way to manage access. Start implementing password protection today and take control of who accesses your most valuable content!
