DiviPasswords
Password protect sections, rows columns and modules with Divi!
Installation
In order to use this plugin, you must first purchase a membership to Elegant Themes and install and activate the Divi Theme.
Install your new plugin & Activate your License Key
- Upload the ZIP file (Plugins-> Add New) to your website and activate it.
- If you have purchased the plugin at DonDivi, please enter your License Key (DonDivi > Licenses).
- Once you have entered your License Key you will receive all the plugin updates!
DiviPasswords is a Plug & Play plugin. That is, once the plugin is activated, the plugin fields are added automatically to the section, row and modules settings modal.
Overview
This plugin allows you to password protect Divi sections, rows, columns, Divi built-in modules and DonDivi modules.
DiviPasswords adds a toggle field to the module settings modal in order to display the password protected form rather than the module output. Same for sections, rows and columns.

The user will only be able to access the content after entering the valid password.
Likewise, the module content will be added to the DOM after entering the valid password so that no one can see the HTML using the browser tools or otherwise.
DiviPasswords fields
Fields location
DiviPasswords adds the Protected Password form fields under the Password toggle (located in the Advanced Tab from Sections, Rows, Divi built-in modules and DonDivi modules).
Password Protection
This is the toggle to enable the password protected form.
Use Padlock Icon
Here you can decide whether or not the padlock icon should be displayed at the top of the password protected form.
If this field is disabled, an image will be displayed.
Title
Here you can customize the form title. Default is “RESTRICTED ACCESS”.
Password
The password to be entered. If this field is empty the protected password form will not be displayed.
Placeholder
Here you can customize the form password placeholder. Default is “Enter your password…”
Button Text
Here you can customize the form button text. Default is “Submit”.
Remember Password
Here you can choose if the password should remembered on page reloads.
Form color
Here you can customize the form color. The custom color you pick here will be used in the form elements.
Troubleshooting
The protected password form is not being displayed
Please make sure that the Password Protection toggle is ON and the password is not empty.
An error has occurred is appearing occasionally
Problem: The user is unable to unlock the content after one or two days of creating a password form. When entering the correct password the “An Error Has Ocurred” appears.
Possible Cause: The WordPress nonces are being cached. Nonces are used in form submisions for security reasons. If the the nonce verification fails when submitting the form, the content will not be retrieved and the above error will be thrown.
Solution: Go over your cache plugin configuration and set a cache timeout so the page cache is cleared every 10-12 hours. This way, the nonce will be valid and the protected content will be retrieved.
Chances are that you are using WP Fastest Cache. If so, please read this:
https://www.wpfastestcache.com/tutorial/wordpress-nonce-cache/
In case you are using WP Rocket, please read this article instead:
https://docs.wp-rocket.me/article/975-nonces-and-cache-lifespan
Advanced
CSS selectors
.dd-password-protect
By default DiviPasswords (since version 1.1.5) inherits the background color of the parent container. In case you want to use a different one please use this selector.
Password Protect form
.dd-password-protect form
Password Protect form icon
.dd-password-protect .et-pb-icon
Password Protect form image
.dd-password-protect image
Password Protect form content
.dd-password-protect .et_pb_blurb_container
Password Protect form title
.dd-password-protect h4
Password Protect form input
.dd-password-protect .dd-password
Password Protect form error message
.dd-password-protect .dd-password-error
Password Protect form button
.dd-password-protect button
How to add DiviPasswords to third-party Divi modules
DiviPasswords is added to Divi built-in modules, as well as to DonDivi modules. However, you can add support for your Divi module by using the divi_passwords_supported_modules filter hook.
To add the Password Protection to your Divi module, you will just need to add the module slug to the DiviPasswords supported modules as following:
function add_my_cool_module($supported_modules) { $supported_modules[] = 'my_cool_module_slug'; return $supported_modules; } add_filter( 'divi_passwords_supported_modules', 'add_my_cool_module' );
This how-to is intended for developers who want to add DiviPasswords to their Divi extensions.
How to integrate third-party plugins code with DiviPasswords
DiviPasswords triggers the divipasswords event when the user enters a valid password.
You may want to attach an event handler function for this event in case you need to execute custom JavaScript to initialize your plugin when the user enters the password and, therefore, the module loads.
Attaching the divipasswords event via jQuery:
jQuery('body').on('divipasswords', function() {
// your JavaScript here
})
This how-to is intended for developers who want to integrate their plugins with DiviPasswords.
Videos
Introducing DiviPasswords.