How To Restrict Access To Partial Content In Divi

Restrict partial content using the divi visual builder. 100% divi visual compatibility. Works on Divi Section only

Restricting content within divi visual builder has never been this easy.

Restrict content has its benefits. Some of the use cases for it are:

  • Show content to a logged-in user.
  • Show personalized content based on roles/memberships.
  • Stop indexing of content by search engines.
  • Share content to users who have paid for it.
  • Collect email in return for showing content, etc.

To restrict content for logged-in users and by user roles, you don’t need external plugin dependencies

We have integration with third-party content restriction plugins like

Install any of them and you can use content restriction functionality within the divi visual builder.

Below a guide on how to restrict content

Pre-requisites

  1. A WordPress website
  2. Divi Theme by Elegant Themes
  3. Divi Content Restrictor plugin
  4. Restrict Content Pro (Optional)
  5. MemberPress (Optional)
  6. WooCommerce Membership (Optional)

Tools

  1. Computer

Estimated Cost : 0 USD

Total Duration : 5 minutes

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Restrict Content - Logged-In Users

  1. Grant access to content for logged-in WordPress users. Set and style un-authorized text message.

  2. To set this up

    • Edit the WordPress page/post in the Divi Visual Builder
    • Open divi module Settings for a Divi Section
    • Goto the Advanced tab
    • Expand the Restrict Content toggle
    • Toggle Restrict Content to ON
    • In the Grant Access To drop-down select Logged In User
    • To style the Un-Authorized Text please refer to Set & Style Un-Authorized Text section below
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Restrict Content - Any Selected User Roles

  1. Grant content access to users belonging to any of the selected roles. Set and style un-authorized text message.

  2. To set this up

    • Edit the WordPress page/post in the Divi Visual Builder
    • Open divi module Settings for a Divi Section
    • Goto the Advanced tab
    • Expand the Restrict Content toggle
    • Toggle Restrict Content to ON
    • In the Grant Access To drop-down select User Roles - Any Selected
      • Select one or more roles from the Roles multi-select
    • To style the Un-Authorized Text please refer to Set & Style Un-Authorized Text section below
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Restrict Content - All Selected User Roles

  1. Grant access to content for all selected user roles. Set and style un-authorized text message.

  2. To set this up

    • Edit the WordPress page/post in the Divi Visual Builder
    • Open divi module Settings for a Divi Section
    • Goto the Advanced tab
    • Expand the Restrict Content toggle
    • Toggle Restrict Content to ON
    • In the Grant Access To drop-down select User Roles - All Selected
      • Select one or more roles from the Roles multi-select
    • To style the Un-Authorized Text please refer to Set & Style Un-Authorized Text section below
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Restrict Content - Custom WordPress Filter

  1. Use custom WordPress Filter to process and restrict content using custom code.
  2. A WordPress filter lets you hook and change the content using your custom code.

  3. To set this up

    • Edit the WordPress page/post in the Divi Visual Builder
    • Open divi module Settings for a Divi Section
    • Goto the Advanced tab
    • Expand the Restrict Content toggle
    • Toggle Restrict Content to ON
    • In the Grant Access To drop-down select Custom WordPress Filter
      • Enter the name of the filter in the Custom Filter Name text field.
      • Write the custom filter, ideally in a divi child theme. An detailed example can be found at https://gist.github.com/wpt00ls/2a0bcdfb4cdfbe1c9cf69e0ea18ba3ab. The filter has 3 input parameters
        • $original_content - A text representing the original "inner" contents of the divi section. Its in shortcode format
        • $address - An integer presenting the address of the divi module. For example 0, 1, 2 etc.
        • $props - An array of divi module properties. In this case its the properties of the divi section.
    • Note: We don't use unauthorized text from the module as the filter's custom logic should handle that.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Restrict Content - WooCommerce Memberships

  1. Grant content access to users belonging to WooCommerce Memberships. Content restriction depends on the WooCommerce Membership plugin
  2. We use [wcm_restrict] & [wcm_nonmember] shortcodes to restrict content.

  3. To set this up

    • Edit the WordPress page/post in the Divi Visual Builder
    • Open divi module Settings for a Divi Section
    • Goto the Advanced tab
    • Expand the Restrict Content toggle
    • Toggle Restrict Content to ON
    • In the Grant Access To drop-down select WooCommerce Memberships
      • Select one or more plans from the Woo Membership Plans multi-select field.
      • Delay restricted content access using the Delay field. For example "3 days", "2 weeks", "1 month", or "2 years". We recommend using the ISO standard (yyyy-mm-dd). For example, you can use: "January 1, 2016" or "2016-01-01"
      • Toggle Start After Trial? field to ON to delay access based on trial status
    • To style the Un-Authorized Text please refer to Set & Style Un-Authorized Text section below
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Restrict Content - MemberPress

  1. Grant content access to users belonging to Rules or Memberships of the MemberPress plugin
  2. We use [mepr-active] shortcode to restrict content.

  3. To set this up

    • Edit the WordPress page/post in the Divi Visual Builder
    • Open divi module Settings for a Divi Section
    • Goto the Advanced tab
    • Expand the Restrict Content toggle
    • Toggle Restrict Content to ON
    • In the Grant Access To drop-down select *MemberPress**
      • Restrict access by selecting Rules or Memberships from the Restrict By drop-down.
        • Select Rules to restrict content based on one more MemberPress rules. Select one or more rules from Rules multi-select field
        • Select Memberships to restrict content based on one more MemberPress memberships. Select one or more memberships from Memberships multi-select field
      • For the If Allowed? field, select Show to show content to authorized members. Select Hide to hide content from authorized members
      • The UnAuth field lets you decide the type of un-auth message to show. Note: The un-authorized text can be set in the Un-Authorized Text toggle for Divi Section's Advanced Settings.
        • Selected Message to show unauthorized message when not authorized
        • Selected Login to show login form when not authorized
        • Selected Both to show authorized message followed by login form when not authorized
    • To style the Un-Authorized Text please refer to Set & Style Un-Authorized Text section below
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Restrict Content - Restrict Content Pro

  1. Grant access to content using the Restrict Content Pro plugin. We use [restrict] shortcode to restrict content.

  2. To set this up

    • Edit the WordPress page/post in the Divi Visual Builder
    • Open divi module Settings for a Divi Section
    • Goto the Advanced tab
    • Expand the Restrict Content toggle
    • Toggle Restrict Content to ON
    • In the Grant Access To drop-down select Restrict Content Pro
      • Set Is Visible To Paid Users? to Yes if content is viewable by paid users.
      • Select one more Memberships from the Memberships multi-select field. It represents the memberships in restrict content pro.
      • Select one more Subscriptions from the Subscriptions multi-select field. It represents the subscriptions in restrict content pro.
      • Select one more User Levels to select the user roles that can view the content.
    • To style the Un-Authorized Text please refer to Set & Style Un-Authorized Text section below
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Set & Style Un-Authorized Text

  1. To set and style un-authorized text message

    • Edit the WordPress page/post in the Divi Visual Builder
    • Open divi module Settings for a Divi Section
    • Goto the Advanced tab
    • Expand the Restrict Content toggle and ensure the toggle Restrict Content to ON
    • As a result Un-Authorized Text toggle is visible.
    • Expand the Un-Authorized Text toggle. Here you can set the un-authorized text message and style it.
      • Add your text message in the Text Message field
      • Set the text message
        • Font family
        • Font weight
        • Font style
        • Alignment
        • Color
      • Set the background color
      • Set the border
      • Set margin and padding
      • Set box shadow
FREE DOWNLOAD

Start your FREE trial. No credit cards required.