Once installed you will see the new menu appear – Divi Engine.
1. Hover over Divi Engine and click “Password Protect Sections”.
2. Click on “Add New” to add a new layout that will be password protected.
3. Add your desired content using the Divi Builder
4. Enter in your settings
- Enable/Disable login form to be shown to logged-in users.
- Add a password for the restricted content
- Choose a unique shortcode name – this can be anything, but it is advisable to create one that describes your content as when you look at the shortcode name, you can then know what it is showing. In the example below, I have just named it “password-protected-section”, you can name it anything really – for example “image”, “123” or “my_custom_shortcode”.
5. Customise the form design
Use our simple colour pickers and number sliders to change the design of the form inputs and button to either match your design or have something completely different.
Leave them blank to inherit the style of your site.
6. Add the Divi Protect module to your page
Now go to your page and add the new “Divi Protect” module. The only setting here you need to be concerned with is the dropdown. Select your section from the dropdown, give the module a name if you wish and save.
It will now show!
Alternatively, you can add a shortcode. Add this shortcode that you have named in the previous step to either a code or text module on your page.
For example: [password-protected-section] or [image] or [123] – what ever you called it, add [] around the name.
Finish!
Visit your page to see the new login form.
How can I adjust the size of the text area box as well as center the box and button?
Please get in touch with our support (su*****@di********.com) with a link so we can help
Thanks for this!Just what I was looking for 🙂
More type-os you might want to fix in section 4:
“Choose a unique shotcode name – this can be anything, but it is advisable to create one that describes your content as when you look at the shortcode name, you can then know what is is showing.”
Shotcode should be shortcode
“Know what is is showing” should be “what it is showing”
Thank you. I actually went back and found some more grammar issues – oh dear! Appreciate the comment to help!
Typo… “Customise the form desgin” should be “Customise (or customize) the form design”
Thanks for this. I have updated 🙂