Skip to main content

Quick start

Divi 5 first

This quick start uses the Divi 5 Visual Builder. The module is Divi Protect, in the Divi Protect folder. On Divi 4, use the same Protect Section and the Classic Builder module. See Divi Protect on Divi 4.

Goal​

By the end of this guide you have one Protect Section, a password, and that section on a page. Logged-out visitors see the password form. The correct password reveals the layout you built.

What you need​

  • Divi Protect installed and your license entered. See Installation.
  • A page you can edit in the Divi 5 Visual Builder.

Steps​

Step 1: Create a Protect Section​

  1. Go to Divi Engine → Protect Sections.
  2. Click Add New Password Protect.

Add new password protect

  1. Enter a section name, such as Members area.

You can also start from Divi Engine → Divi Protect and click Manage Protect Sections.

Step 2: Build the hidden layout​

  1. On the Protect Section, choose Divi Editor.
  2. The builder opens for that section only, without the site header and footer.
  3. Add the sections, rows, and modules you want visitors to see after they enter the password.
  4. Save the layout.

Step 3: Set the password and shortcode​

  1. In Protect Section Settings, open the Password tab.
  2. Use Open full window when you want more room. The tabs are Password, Cookie, General, and Style.
  3. Set Password.
  4. Set Unique Shortcode to a name made of letters, numbers, dashes, and underscores. Do not include square brackets. Example: members_area.
  5. Save the Protect Section.

Set password and shortcode

The shortcode is how you can place this section without the module, and it is also used as the cookie name. You can add more passwords under Extra Passwords, separated by commas.

Step 4: Place the module on a page​

  1. Edit the page in the Divi 5 Visual Builder.
  2. Add a module and choose Divi Protect from the Divi Protect folder.
  3. Under Module Options, set Select your Protected Section to the section you just saved.

Select your Protected Section

  1. Save the page.

To place the section with a shortcode instead, add a Code module and enter the shortcode in brackets, for example [members_area].

Step 5: Test the password​

  1. View the page on the front end while logged out.
  2. Confirm the password form is shown and the hidden layout is not.

Password form

  1. Enter the password and submit.
  2. Confirm the Protect Section layout appears. The password field includes a control to show and hide the password.

Verify this stage​

You are ready to continue when:

  • The logged-out page shows the password form.
  • The correct password reveals the layout you built in the Protect Section.
  • An incorrect password shows your error message, once you set one under General.

What's next​