Published on Apr 15, 2021

How to Password Protect Multiple Sections on Pages in Oxygen

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

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 $599 one-time).

Already a member? Log in below or here.