How to Password-Protect Content in Elementor

Elementor is one of the most popular WordPress page builders. It’s easy to understand why over 5 million websites are designed with Elementor. If you’re a part of this growing community, you might be looking for ways to password-protect content in Elementor.

In this article, we’ll show you step-by-step how to password-protect content in Elementor using the Passster plugin.

Elementor page builder for WordPress

As a WordPress website owner, using a page builder like Elementor versus a standard WordPress theme means that you get better control over your site’s design. In addition to this, it gives you the power to create a bespoke website without needing to know HTML or CSS.

Elementor is an all-in-one page builder for WordPress that lets users control just about every aspect of their website’s design from a single, intuitive user interface. It leverages visual design which means that you can preview your site’s front-end while you’re building pages.

Elementor

Here’s a quick overview of the key features on offer with Elementor:

  • Drag and drop editor with live editing functionality meaning you can view each page element as you design it.
  • Gives you tons of font options to choose from out of the box with the ability to upload custom fonts.
  • Comes with widgets to help you generate leads and increase social engagement.

Although Elementor is a feature-rich WordPress page builder, it doesn’t let you password-protect content on your website. For this, you’ll need to use the Passster plugin.

How to password-protect content in Elementor (in 3 easy steps)

There are plenty of scenarios where you might need to password-protect content in Elementor:

  • Grant paying members access to exclusive content on your website like online courses, training material, or resources.
  • Make it easy for prospective clients to view your portfolio without making it available publicly.
  • Let clients view photo albums and select the photos they’d like to purchase. This is particularly useful if you’re a photographer or designer.

The easiest way to password-protect content in Elementor is by using the Passster plugin.

Step #1: Create a page or post using Elementor

Assuming you already have the Elementor plugin installed on your WordPress website, the first thing you need to do is create a new page or post. To do this, go to Pages > Add New from the WordPress admin panel and click the Edit with Elementor button.

New Elementor page

Give your page a title and add some content to it. This should include the content you’d like to password-protect.

Once you’re done, click the Publish button to proceed.

Step #2: Install Passster

Now that you’ve created a page (or post) in Elementor, the next step is to password-protect content. For this, you’ll need the Passster plugin. If you haven’t done so already, get the Passster plugin and install it on your WordPress website.

How to Password-Protect Content in Elementor 2

The Passster plugin is available free for download from the WordPress Plugin Directory. This is perfect for anyone who’s looking for simple password protection. However, if you want to password-protect content with multiple passwords then you’ll need to get the premium version.

Passster is the easiest way to password-protect content in Elementor. You can choose to password-protect the entire page (or post) or a chunk of content using a shortcode.

Step #3: Password-protect content

There are two ways to password-protect content in Elementor using Passster:

  • Simple password protection. You can use a single password to restrict access to content. This is the simplest way to password-protect content in Elementor.
  • Multiple password protection. You can set up a password list (multiple passwords) to restrict access to content. This way, you can share different passwords with different users or different types of users and revoke access as necessary.

The first thing you need to do is head over to Passster > Options from the admin panel. Under the Third-Party Support section, toggle the Activate Elementor option on and click the Save Changes button to proceed.

Activate Elementor in Passster

To password-protect content in Elementor using a single password, simply add the Passster widget to your page or post.

Passster widget

Once that’s done, you can enter the content you’d like to restrict access to in the Protected Content text editor in the widget settings.

Protected content text editor

Set the Protection Type to Password using the dropdown menu and enter a secure password in the Password field.

Passster single password protection

You can also customize the look and feel of the restricted content area from the Text section. Passster lets you enter a custom headline, input placeholder, button label, and instructions text.

Still not sure?

Still not sure?
The free version is also available on wordpress.org. When you are ready to be a pro – come back!🎩

Grab the free version

If you have the premium version of Passster installed on your WordPress website, you can password-protect content in Elementor using multiple passwords:

Go to Passster > Password Lists from the WordPress admin panel and click the Add New button. Next, give your password list a title and enter the passwords you’d like to set in the text area as a comma-separated list.

Multiple password protection

Passster also gives you the option to expire passwords after usage. This is useful for when you want to grant users access to the password-protected content in Elementor only once.

Click the Publish button to proceed.

To password-protect content in Elementor using multiple passwords, simply add a Passster widget to your Elementor page. Once that’s done, configure the Protection settings.

Password list settings in Elementor

Use the Protection Type dropdown to select Password List and set the Password List option to the password list you just created. Following our example, this would be Course Content Access.

Alternatively, you can also set the Protection Type to Passwords and enter the passwords you’d like to use in the Multiple Passwords field.

Bonus: other ways to restrict access to content in Elementor

The best part about using Passster with Elementor is that you can restrict access to content in other ways, as well. Here’s a quick overview of the different ways you can prevent unauthorized users from accessing content in Elementor:

  • CAPTCHA and Google reCAPTCHA is perfect for when you need to protect your website content against bots and spam accounts. Anyone who accesses the page will see a simple CAPTCHA box on the front-end which they’ll have to complete to view the content.
  • User role protection is great for anyone that needs to provide specific users (or types of users) access to content. In other words, only logged in users with permission will be able to view the content.
  • Unlock links let you grant users access to content without requiring them to enter a password, complete a CAPTCHA, or be logged-in to their user account. They simply click the link to view the restricted content in Elementor.

For more information on how to set these up, be sure to check out the 6 Different Ways to Restrict Content in WordPress article.

Password-protect content in Elementor

If you’re using Elementor to design your WordPress website and need a way to password-protect content in Elementor then you need the Passster plugin. It’s incredibly easy to use and lets you password-protect content with a single password and multiple passwords.

In addition to this, you can also use Passster to restrict access to content in other ways including by using CAPTCHA or Google reCAPTCHA, user role protection, and unlock links.

Still not sure?

Still not sure?

The free version is also available on wordpress.org.
When you are ready to be a pro – come back!🎩

Grab the free version