This members-only tutorial provides the steps to use Post Password Protected condition for outputting multiple sections/elements on a Page only after the visitor enters the correct password.

The concept is similar to the earlier Password Protecting Pages built with Oxygen tutorial.

Step 1

Register the Post Password Protected condition (implement Step 1).

Step 2

To password protect a Page, in the Page edit screen use the Post Visibility setting in the Status & Visibility meta box.

Don't forget to Update the Page.

Step 3

Edit your Page with Oxygen.

Let's add a Section that has the form for visitors to enter the password to unlock the hidden (not technically hidden via CSS, but we should say not output in the HTML) elements.

Background Color: rgba(221,221,221,0.3)

Add a Code Block inside the Section having this PHP & HTML:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?


Find the article helpful and wish to donate?



You need to be logged in to view and post comments.
Not a member yet? Join here.
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: