Proteja los bloques Gutenberg con MemberPress

MemberPress is fully compatible with the default WordPress Block editor (Gutenberg). Furthermore, you can use MemberPress rules to protect Gutenberg blocks on WordPress posts and pages designed with the Gutenberg editor. This way, you can hide Gutenberg blocks with your premium content, making it available only to active members.

This document will explain how to protect Gutenberg blocks with MemberPress using block-level protection or the Protected Content Block. These tools help you create pages where some content is free while others require specific memberships.

Why Protect Gutenberg Blocks?

Block-level protection lets you control access to individual blocks instead of entire posts or pages. This means you can:

• Show preview content to everyone while protecting premium sections;
• Hide Gutenberg blocks and create different content levels within the same page;
• Mix free and paid content together;
• Display membership-specific information within general posts.

Unlike protecting entire posts with MemberPress Rules, protecting individual blocks allows visitors to access the page. At the same time, you can hide Gutenberg blocks to keep the premium content hidden based on the user’s membership.

Furthermore, next to hiding content, you can show a login form or a custom message to prompt users to register.

Protect Gutenberg Blocks With MemberPress Rules 

When you protect Gutenberg blocks, you can control which parts of the content visitors and members can access. Hence, you can create flexible content experiences with free and premium sections.

Normas MemberPress define who can access specific content and what happens when unauthorized users try to view it. These rules work with both block-level protection and the Protected Content block to control access to your content.

Understanding MemberPress Rules

En using MemberPress Rules, it’s essential to mention that they contain two main components:

• Condiciones de acceso – Who can see the content (memberships, roles, capabilities, or specific members);
• Unauthorized actions – What happens when someone without access tries to view the content?

Thus, to protect content with MemberPress, you must create rules. 

Creating MemberPress Partial Rules

En partial type of MemberPress rules works best for protecting specific blocks. These rules can be applied to multiple Gutenberg blocks and other content throughout the site. 

Follow these steps to create a Partial rule:

1. Vaya a Panel de control > MemberPress > Normasy haga clic en el botón Añadir nueva regla . Se abrirá el formulario para crear nuevas reglas.

2. En Contenido y accesohaga clic en el botón Contenido protegido dropdown and select the Parcial tipo de regla.

3. Now, under Access Conditions, set the condition to Afiliacióny seleccione which membership should be required to access this page. You can click the + icono under Access Conditions to add multiple conditions.

Nota: Please keep in mind that multiple conditions come with the OR operator. This means that users need to match only one of the conditions to access the protected content.

3. Haga clic en el botón Salvar la regla button to save your partial rule.

Applying this rule to any content on your website will restrict access only to members subscribed to the set membership.

Protect Gutenberg Blocks Using Block-Level Protection

The Content Protection feature automatically appears in the block settings for every Gutenberg block when the MemberPress plugin is activated. These block-level settings allow you to protect any individual block directly.

A enable the block-level protectionsigue estos pasos:

1. Select a block you want to protect (text, image, heading, etc.).
2. Navegue hasta el Block Settings panel on the right side.

3. Find and expand the Content Protection sección.

4. Haga clic en el botón Access Rule dropdown, and start typing the name of the MemberPress rule you need. Click on the rule to apply it to the block.
5. En virtud de la Si está permitido dropdown, you can choose to Mostrar o Ocultar the block. Choose Show to allow authorized members to access and restrict the block content for other users. Conversely, if you choose Hide, you can hide Gutenberg blocks for authorized members and make them visible for everyone else.
6. En virtud de la Acceso no autorizado dropdown, choose what the unauthorized users should see instead of the protected content:
   • Ocultar – Make the entire protected block and all the content inside invisible;
   • Por defecto – Apply the default Unauthorized Access settings you set for MemberPress
   • Mostrar mensaje – This option hides the content and displays your custom message instead. You will get the additional Mensaje no autorizado field to add your message.

7. Guardar cambios by saving post updates (the Update or Publish button).

Protect Gutenberg Blocks Using the Protected Content Block

The Protected Content Block works as a container that wraps other blocks with membership protection. You can add any Gutenberg block to a Protected Content block. Also, the number of blocks you can add is unlimited.

The Protected Content block can be added within the Gutenberg editor as any other block:

1. Navigate to the desired post, page, or widget areay haga clic en Editar to start the Gutenberg editor.
2. Haga clic en el botón Add Block button (+ icon) in the editor.

3. Search for the block named Protected and select it. Now, you can add blocks you want to be protected within the protected content block.
4. Click inside the Protected Content block zona.
5. Haga clic en el botón Add Block button (+ icon) within the Protected Content block.

6. Add any blocks you want to protect (paragraphs, images, videos, headings, lists). You can add multiple blocks inside one Protected Content block.

Consejo: Under the Gutenberg editor’s Document Overview, you can see and manage all the blocks under the Protected Content block.

7. Design the protected content. You can format and style each added block as usual (using the block’s available settings).
8. Guardar post changes.

Protected Content Block Settings

Next, you should configure the block settings:

1. Seleccione Protected Content block.
2. En el Block Settings panel, find the Access Rule sección.

3. Choose a MemberPress rule from the dropdown.
4. En If allowed, select if the protected content should be shown o hidden.
5. Next, expand the Acceso no autorizado panel.

6. En virtud de la Unauthorised Action dropdown, choose what the unauthorized users should see instead of the protected content:
   • Sólo ocultar – hide the entire protected block and all the content added inside;
   • Mostrar mensaje – hide the content and display a custom message instead.
   • Mostrar formulario de acceso – hide the protected content and show the MemberPress login form;
   • Mostrar formulario y mensaje de inicio de sesión – hide the protected content and show the MemberPress login form and a custom message.
7. You'll see the additional Mensaje no autorizado field if you choose the Mostrar mensaje o el Mostrar formulario y mensaje de inicio de sesión opción. Add the custom message that should be displayed to unauthorised users to this field.
8. Guardar cambios by saving post updates (the Update or Publish button).

Block-Level Protection vs. Protected Content Block

Each protection method offers distinct advantages depending on your content strategy and technical needs.

Block-level content protection advantages:

• Granular Control: Protect individual blocks precisely without affecting surrounding content. This allows for very specific content restrictions within complex layouts.
• Cleaner Editor Experience: No wrapper blocks cluttering your editor interface. Each block manages its own protection settings independently.
• Opciones de diseño flexibles: Easily mix protected and unprotected blocks without restructuring your content layout or design.
• Simple Implementation: Apply protection directly to existing blocks without adding new block types or changing your content structure.

Protected Content block advantages:

• Group Management: Protect multiple related blocks together with a single-rule configuration. This simplifies management when protecting large content sections.
• Visual Organization: Protected content sections are clearly visible in the editor, making it easier to understand your content structure at a glance.
• Consistent Styling: Apply unified styling and messaging across all content within the protected container.
• Simplified Rule Management: Manage one set of protection rules for multiple blocks instead of configuring each block individually.

Choosing the Right Method to Hide Gutenberg Blocks

Utilice block-level protection when you need precise control over individual elements and want to maintain clean editor layouts. This method works best for protecting specific paragraphs, images, or other elements within mixed content.

Utilice Protected Content blocks when protecting related content sections together and wanting simplified rule management. This method works well for protecting entire sections or chapters in your articles that should have unified access requirements. In this case, it’s a more straightforward method than applying the same MemberPress rule to every block individually.

When choosing between these methods, consider your content strategy, editing workflow, and maintenance needs. Both approaches use the same underlying MemberPress Rules system, ensuring consistent protection regardless of your chosen implementation method.