{"id":19282,"date":"2019-09-16T11:52:17","date_gmt":"2019-09-16T17:52:17","guid":{"rendered":"https:\/\/memberpress.com\/?p=19282"},"modified":"2019-09-16T11:52:19","modified_gmt":"2019-09-16T17:52:19","slug":"gutenberg-and-memberpress-how-to","status":"publish","type":"post","link":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/","title":{"rendered":"Gutenberg and MemberPress: How To"},"content":{"rendered":"\n<p>As you might be aware, the WordPress editor was recently updated, transforming the way we create content with this popular website builder software.<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<label for=\"ez-toc-cssicon-toggle-item-69b61fcf0c310\" class=\"ez-toc-cssicon-toggle-label\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">WHAT'S INSIDE<\/p>\n<span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69b61fcf0c310\"  \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#The_Gutenberg_MemberPress_Blocks\" >The Gutenberg MemberPress Blocks<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#Login_Form_Block\" >Login Form Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#Registration_Form_Block\" >Registration Form Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#Account_Form_Block\" >Account Form Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#Protected_Content_Block\" >Protected Content Block<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#Final_Thoughts\" >Final Thoughts<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<p>The name of the new WordPress editor is <a href=\"https:\/\/wordpress.org\/gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg<\/a>, and as well as refreshing the familiar user interface, it\u2019s also added some new and exciting features to the content creation process. One example of this is Gutenberg blocks.<\/p>\n\n\n\n<p>These are content blocks, or modules, which can be inserted into your posts and pages, giving you more control over how you create content. Some examples of these blocks include paragraph, gallery, tables, and column blocks, to name just a few.<\/p>\n\n\n\n<p>Since the upgrade to the WordPress editor and the implementation of Gutenberg, some WordPress plugins have begun creating their own blocks that can be accessed through the new version of the editor and inserted into your content. MemberPress is one such plugin, and in this guide, we\u2019ll introduce you to the four MemberPress blocks for Gutenberg and show you how to use them on your membership site.<\/p>\n\n\n\n<p>Let\u2019s get started\u2026<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_Gutenberg_MemberPress_Blocks\"><\/span>The Gutenberg MemberPress Blocks<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"832\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1.png\" alt=\"Gutenberg Block Menu\" class=\"wp-image-19293\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1-300x169.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1-1024x576.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1-768x432.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1-302x170.png 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1-840x472.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1-1216x684.png 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1-700x394.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1-156x88.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1-1080x607.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>As mentioned, since the release of the new WordPress editor, MemberPress users now get access to a selection of purpose-built Gutenberg blocks. Thanks to the way Gutenberg works, you can drag and drop these blocks into your posts and pages and customize how they work. Then, when your content is published, your visitors will see a range of elements on your website, depending on which blocks you\u2019ve used, and whether the visitor is a member, and which membership plan they are subscribed to.<\/p>\n\n\n\n<p>So with that in mind, here\u2019s an overview of those MemberPress Gutenberg blocks, including how to use them on your WordPress membership site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Login_Form_Block\"><\/span>Login Form Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>As the name suggests, this block will insert a login form into your post or page. Your members can then use this form to log in to their accounts on your membership site and start accessing the restricted content and the other components of your members-only area.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"879\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1.png\" alt=\"Login Form Block Menu\" class=\"wp-image-19294\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1-300x178.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1-1024x608.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1-768x456.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1-286x170.png 286w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1-840x499.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1-1152x684.png 1152w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1-700x416.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1-156x93.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1-1080x641.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>Once you\u2019ve inserted the block into your post or page, via the add block menu, the form will be displayed when you publish the post or page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"895\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1.png\" alt=\"Login Form Block Editor\" class=\"wp-image-19295\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1-300x181.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1-1024x619.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1-768x464.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1-281x170.png 281w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1-840x508.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1-1131x684.png 1131w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1-700x423.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1-156x94.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1-1080x653.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>There is one setting or option for the login form block that allows you to define what page on your site will be displayed once a member has logged in.<\/p>\n\n\n\n<p>If you want to make use of this setting, simply click on the Login Redirect URL text link. On the page that is displayed, scroll down to the Login & Logout section. Then enter the URL of the page that you\u2019d like to display once the user has logged in. For this example, the member account page will be displayed. Click on the Update options button once you\u2019ve entered a page URL.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"461\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1.png\" alt=\"Login Form Redirect URL\" class=\"wp-image-19296\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1-300x93.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1-1024x319.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1-768x239.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1-546x170.png 546w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1-840x262.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1-1216x379.png 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1-700x218.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1-156x49.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1-1080x336.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>Now, return to the post or page you inserted the login form block into and check the <a href=\"https:\/\/memberpress.com\/go\/box\" title=\"Box affiliate link\" class=\"pretty-link-keyword\"rel=\"nofollow \" target=\"_blank\">box<\/a> next to the Use MemberPress Login Redirect URL text. If you publish or preview that page, you can see the form that the block has inserted into the content.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"830\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1.png\" alt=\"Published Login Form Block\" class=\"wp-image-19297\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1-300x168.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1-1024x574.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1-768x431.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1-303x170.png 303w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1-840x471.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1-1216x682.png 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1-700x393.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1-156x87.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1-1080x606.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>Once the user logs in, they are taken to the URL that you specified when setting up the form block.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Registration_Form_Block\"><\/span>Registration Form Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If a visitor to your site isn\u2019t a member, they can use the form that this block adds to your posts and pages to sign up and register. To use this block, create a new page on your site, or open an existing one, and simply insert the block into the page via the Add Block menu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"880\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block.png\" alt=\"Registration Block\" class=\"wp-image-19299\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block-300x178.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block-1024x609.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block-768x457.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block-286x170.png 286w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block-840x499.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block-1150x684.png 1150w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block-700x416.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block-156x93.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block-1080x642.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>Once you\u2019ve added the registration block, you can then choose which registration form to display. As each membership on your site has its own registration form, you can use this block to display the form from the relevant membership plan.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"896\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor.png\" alt=\"Registration Form Editor\" class=\"wp-image-19300\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor-300x182.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor-1024x620.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor-768x465.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor-281x170.png 281w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor-840x509.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor-1130x684.png 1130w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor-700x424.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor-156x94.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor-1080x654.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>If you publish or preview the page, you\u2019ll see that the registration form you chose is displayed, giving your visitors a way to sign up and become members.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"659\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published.png\" alt=\"Registration Block Published\" class=\"wp-image-19301\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published-300x134.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published-1024x456.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published-768x342.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published-382x170.png 382w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published-840x374.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published-1216x541.png 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published-700x312.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published-156x69.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published-1080x481.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Account_Form_Block\"><\/span>Account Form Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you want to display the details of a members account on a post or page on your website, the account form block makes this possible.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"880\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block.png\" alt=\"Account Block\" class=\"wp-image-19302\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-300x178.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-1024x609.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-768x457.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-286x170.png 286w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-840x499.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-1150x684.png 1150w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-700x416.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-156x93.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-1080x642.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>Just insert the account form block into a post or page, and when a logged-in member visits it, they can see their account details.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1460\" height=\"941\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor.png\" alt=\"Account Form Block Editor\" class=\"wp-image-19304\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor.png 1460w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor-300x193.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor-1024x660.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor-768x495.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor-264x170.png 264w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor-840x541.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor-1061x684.png 1061w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor-700x451.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor-156x101.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor-1080x696.png 1080w\" sizes=\"(max-width: 1460px) 100vw, 1460px\" \/><\/figure>\n\n\n\n<p>From their account page, members can view their subscription and payment details as well as see what other data is held about them.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"971\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published.png\" alt=\"Account Form Published\" class=\"wp-image-19305\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published-300x197.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published-1024x672.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published-768x504.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published-259x170.png 259w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published-840x551.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published-1043x684.png 1043w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published-700x459.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published-156x102.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published-1080x709.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Protected_Content_Block\"><\/span>Protected Content Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Finally, we have the protected content block. This is the most powerful block so far, at least in terms of flexibility and how it can be used.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"880\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu.png\" alt=\"Protected Block\" class=\"wp-image-19306\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu-300x178.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu-1024x609.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu-768x457.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu-286x170.png 286w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu-840x499.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu-1150x684.png 1150w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu-700x416.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu-156x93.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu-1080x642.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>After adding the protected block to a post or page, any other blocks that are added to the page below the protected block are unavailable to members who don\u2019t have the right level of access, including visitors who aren\u2019t logged in to your site.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"1052\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1.png\" alt=\"Protected Block Editor\" class=\"wp-image-19308\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-300x213.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-1024x728.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-768x546.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-239x170.png 239w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-840x597.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-962x684.png 962w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-1449x1030.png 1449w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-700x498.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-156x111.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1-1080x768.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>Before you publish the post or page, you\u2019ll need to define which members can access the content in the protected block.<\/p>\n\n\n\n<p>To do so, click on the protected block, then look for the Access Rule panel on the right-hand side of the editor. From here you can choose one of your existing rules that control who can access which content on your site. To protect part of a post or page, you should use the partial rule type.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"1122\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example.png\" alt=\"Partial Rule Example\" class=\"wp-image-19309\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-300x227.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-1024x776.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-768x582.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-224x170.png 224w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-810x614.png 810w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-902x684.png 902w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-1359x1030.png 1359w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-683x518.png 683w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-156x118.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example-1080x819.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>If you haven\u2019t created any rules yet, you can find out how to do so on <a href=\"https:\/\/memberpress.com\/docs\/rules-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">the relevant page<\/a> of the MemberPress online documentation. Once you\u2019ve created an appropriate rule, you can select it from the Access Rule dropdown menu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"760\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule.png\" alt=\"Access Rule for Protected Block\" class=\"wp-image-19310\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule-300x154.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule-1024x526.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule-768x394.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule-331x170.png 331w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule-840x431.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule-1216x624.png 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule-700x359.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule-156x80.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule-1080x555.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>Now when a non-member or member without the right level of access visits that page, they won\u2019t see the content inside the protected block. By default, nothing is shown when this is the case. However, you can choose to display a custom message that explains why they can\u2019t see the protected content, alongside an optional login form.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1480\" height=\"907\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message.png\" alt=\"Protected Block Message\" class=\"wp-image-19311\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message.png 1480w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message-300x184.png 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message-1024x628.png 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message-768x471.png 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message-277x170.png 277w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message-840x515.png 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message-1116x684.png 1116w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message-700x429.png 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message-156x96.png 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message-1080x662.png 1080w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure>\n\n\n\n<p>Depending on how you configure these settings, a visitor could see nothing or a combination of the custom message and the login form.<\/p>\n\n\n\n<p>For a more visual overview of these MemberPress Gutenberg blocks, <a href=\"https:\/\/youtu.be\/yz9WRuDB1b0\" target=\"_blank\" rel=\"noreferrer noopener\">this YouTube video<\/a> does a good walkthrough of adding them to your site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Final_Thoughts\"><\/span>Final Thoughts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The upgrade of the WordPress editor has seen a lot of changes to the content creation experience.<\/p>\n\n\n\n<p>Gutenberg blocks are an interesting concept, and as more third-party plugins start taking advantage of them, they should really help speed up your workflow and open up lots of exciting creative possibilities for your WordPress posts and pages.<\/p>\n\n\n\n<p>Hopefully, this guide on how Gutenberg and MemberPress can work together, and the current selection of MemberPress blocks for Gutenberg, will help you work more efficiently when creating and managing your membership site.<\/p>\n\n\n\n<p><em>If you have any questions about Gutenberg and MemberPress, please leave a comment below.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As you might be aware, the WordPress editor was recently updated, transforming the way we create content with this popular website builder software. The name of the new WordPress editor is Gutenberg, and as well as refreshing the familiar user interface, it\u2019s also added some new and exciting features to the content creation process. One [\u2026]<\/p>\n","protected":false},"author":2122,"featured_media":19314,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","_strive_post_notes":"","footnotes":""},"categories":[35],"tags":[515],"class_list":{"0":"post-19282","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-features","8":"tag-gutenberg","9":"entry"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.5.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Find out how to use the MemberPress Gutenberg blocks to add forms to your pages as well as protect your members-only content with Gutenberg and MemberPress.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Joe Fylan\"\/>\n\t<meta name=\"keywords\" content=\"gutenberg and memberpress,gutenberg\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.5.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_FR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"MemberPress\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Gutenberg and MemberPress: How To\" \/>\n\t\t<meta property=\"og:description\" content=\"Find out how to use the MemberPress Gutenberg blocks to add forms to your pages as well as protect your members-only content with Gutenberg and MemberPress.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-and-MemberPress-How-to-FT.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-and-MemberPress-How-to-FT.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t\t<meta property=\"og:image:height\" content=\"733\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-09-16T17:52:17+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-09-16T17:52:19+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/memberpress\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@memberpress\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Gutenberg and MemberPress: How To\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Find out how to use the MemberPress Gutenberg blocks to add forms to your pages as well as protect your members-only content with Gutenberg and MemberPress.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-and-MemberPress-How-to-FT.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#blogposting\",\"name\":\"Gutenberg and MemberPress: How To\",\"headline\":\"Gutenberg and MemberPress: How To\",\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/jfylan\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/Gutenberg-and-MemberPress-How-to-FT.jpg\",\"width\":1100,\"height\":733},\"datePublished\":\"2019-09-16T11:52:17-04:00\",\"dateModified\":\"2019-09-16T11:52:19-04:00\",\"inLanguage\":\"fr-FR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#webpage\"},\"articleSection\":\"Features, gutenberg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/memberpress.com\\\/fr\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/category\\\/features\\\/#listItem\",\"name\":\"Features\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/category\\\/features\\\/#listItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/category\\\/features\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#listItem\",\"name\":\"Gutenberg and MemberPress: How To\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#listItem\",\"position\":3,\"name\":\"Gutenberg and MemberPress: How To\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/category\\\/features\\\/#listItem\",\"name\":\"Features\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#organization\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/mp-icon-RGB_Icon-01.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#organizationLogo\",\"width\":1650,\"height\":1275,\"caption\":\"memberpress logo icon\"},\"image\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/memberpress\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/memberpressplugin\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/MemberPressPlugin\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/memberpress\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/jfylan\\\/#author\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/jfylan\\\/\",\"name\":\"Joe Fylan\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/litespeed\\\/avatar\\\/8efbb5b67aecb906b5f72f49bd070141.jpg?ver=1773328836\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#webpage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/\",\"name\":\"Gutenberg and MemberPress: How To\",\"description\":\"Find out how to use the MemberPress Gutenberg blocks to add forms to your pages as well as protect your members-only content with Gutenberg and MemberPress.\",\"inLanguage\":\"fr-FR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/jfylan\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/jfylan\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/Gutenberg-and-MemberPress-How-to-FT.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#mainImage\",\"width\":1100,\"height\":733},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#mainImage\"},\"datePublished\":\"2019-09-16T11:52:17-04:00\",\"dateModified\":\"2019-09-16T11:52:19-04:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"inLanguage\":\"fr-FR\",\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Gutenberg and MemberPress: How To<\/title>\n\n","aioseo_head_json":{"title":"Gutenberg and MemberPress: How To","description":"Find out how to use the MemberPress Gutenberg blocks to add forms to your pages as well as protect your members-only content with Gutenberg and MemberPress.","canonical_url":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/","robots":"max-image-preview:large","keywords":"gutenberg and memberpress,gutenberg","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#blogposting","name":"Gutenberg and MemberPress: How To","headline":"Gutenberg and MemberPress: How To","author":{"@id":"https:\/\/memberpress.com\/fr\/blog\/author\/jfylan\/#author"},"publisher":{"@id":"https:\/\/memberpress.com\/fr\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-and-MemberPress-How-to-FT.jpg","width":1100,"height":733},"datePublished":"2019-09-16T11:52:17-04:00","dateModified":"2019-09-16T11:52:19-04:00","inLanguage":"fr-FR","mainEntityOfPage":{"@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#webpage"},"isPartOf":{"@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#webpage"},"articleSection":"Features, gutenberg"},{"@type":"BreadcrumbList","@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr#listItem","position":1,"name":"Home","item":"https:\/\/memberpress.com\/fr","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/blog\/category\/features\/#listItem","name":"Features"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/blog\/category\/features\/#listItem","position":2,"name":"Features","item":"https:\/\/memberpress.com\/fr\/blog\/category\/features\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#listItem","name":"Gutenberg and MemberPress: How To"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#listItem","position":3,"name":"Gutenberg and MemberPress: How To","previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/blog\/category\/features\/#listItem","name":"Features"}}]},{"@type":"Organization","@id":"https:\/\/memberpress.com\/fr\/#organization","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","url":"https:\/\/memberpress.com\/fr\/","logo":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#organizationLogo","width":1650,"height":1275,"caption":"memberpress logo icon"},"image":{"@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/memberpress\/","https:\/\/www.pinterest.com\/memberpressplugin\/","https:\/\/www.youtube.com\/c\/MemberPressPlugin","https:\/\/www.linkedin.com\/company\/memberpress\/"]},{"@type":"Person","@id":"https:\/\/memberpress.com\/fr\/blog\/author\/jfylan\/#author","url":"https:\/\/memberpress.com\/fr\/blog\/author\/jfylan\/","name":"Joe Fylan","image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/litespeed\/avatar\/8efbb5b67aecb906b5f72f49bd070141.jpg?ver=1773328836"}},{"@type":"WebPage","@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#webpage","url":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/","name":"Gutenberg and MemberPress: How To","description":"Find out how to use the MemberPress Gutenberg blocks to add forms to your pages as well as protect your members-only content with Gutenberg and MemberPress.","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/memberpress.com\/fr\/#website"},"breadcrumb":{"@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#breadcrumblist"},"author":{"@id":"https:\/\/memberpress.com\/fr\/blog\/author\/jfylan\/#author"},"creator":{"@id":"https:\/\/memberpress.com\/fr\/blog\/author\/jfylan\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-and-MemberPress-How-to-FT.jpg","@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#mainImage","width":1100,"height":733},"primaryImageOfPage":{"@id":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/#mainImage"},"datePublished":"2019-09-16T11:52:17-04:00","dateModified":"2019-09-16T11:52:19-04:00"},{"@type":"WebSite","@id":"https:\/\/memberpress.com\/fr\/#website","url":"https:\/\/memberpress.com\/fr\/","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/memberpress.com\/fr\/#organization"}}]},"og:locale":"fr_FR","og:site_name":"MemberPress","og:type":"article","og:title":"Gutenberg and MemberPress: How To","og:description":"Find out how to use the MemberPress Gutenberg blocks to add forms to your pages as well as protect your members-only content with Gutenberg and MemberPress.","og:url":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/","og:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-and-MemberPress-How-to-FT.jpg","og:image:secure_url":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-and-MemberPress-How-to-FT.jpg","og:image:width":1100,"og:image:height":733,"article:published_time":"2019-09-16T17:52:17+00:00","article:modified_time":"2019-09-16T17:52:19+00:00","article:publisher":"https:\/\/www.facebook.com\/memberpress\/","twitter:card":"summary_large_image","twitter:site":"@memberpress","twitter:title":"Gutenberg and MemberPress: How To","twitter:description":"Find out how to use the MemberPress Gutenberg blocks to add forms to your pages as well as protect your members-only content with Gutenberg and MemberPress.","twitter:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-and-MemberPress-How-to-FT.jpg"},"aioseo_meta_data":{"post_id":"19282","title":null,"description":"Find out how to use the MemberPress Gutenberg blocks to add forms to your pages as well as protect your members-only content with Gutenberg and MemberPress.","keywords":[{"label":"Gutenberg and MemberPress","value":"Gutenberg and MemberPress"}],"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2025-10-09 18:04:20","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"open_ai":null,"ai":null,"created":"2020-12-21 16:17:54","updated":"2026-03-03 15:06:00"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/fr\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/fr\/blog\/category\/features\/\" title=\"Features\">Features<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tGutenberg and MemberPress: How To\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/memberpress.com\/fr"},{"label":"Features","link":"https:\/\/memberpress.com\/fr\/blog\/category\/features\/"},{"label":"Gutenberg and MemberPress: How To","link":"https:\/\/memberpress.com\/fr\/blog\/gutenberg-and-memberpress-how-to\/"}],"app_bookmark":{"bookmark_id":0,"is_bookmarked":false,"bookmark_date":0},"comments_count":"0","content_native":[{"type":"core\/paragraph","render":"<p>As you might be aware, the WordPress editor was recently updated, transforming the way we create content with this popular website builder software.<\/p>","content":[{"type":"text","data":"As you might be aware, the WordPress editor was recently updated, transforming the way we create content with this popular website builder software."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>The name of the new WordPress editor is <a href=\"https:\/\/wordpress.org\/gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg<\/a>, and as well as refreshing the familiar user interface, it\u2019s also added some new and exciting features to the content creation process. One example of this is Gutenberg blocks.<\/p>","content":[{"type":"text","data":"The name of the new WordPress editor is <a href=\"https:\/\/wordpress.org\/gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg<\/a>, and as well as refreshing the familiar user interface, it\u2019s also added some new and exciting features to the content creation process. One example of this is Gutenberg blocks."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>These are content blocks, or modules, which can be inserted into your posts and pages, giving you more control over how you create content. Some examples of these blocks include paragraph, gallery, tables, and column blocks, to name just a few.<\/p>","content":[{"type":"text","data":"These are content blocks, or modules, which can be inserted into your posts and pages, giving you more control over how you create content. Some examples of these blocks include paragraph, gallery, tables, and column blocks, to name just a few."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>Since the upgrade to the WordPress editor and the implementation of Gutenberg, some WordPress plugins have begun creating their own blocks that can be accessed through the new version of the editor and inserted into your content. MemberPress is one such plugin, and in this guide, we\u2019ll introduce you to the four MemberPress blocks for Gutenberg and show you how to use them on your membership site.<\/p>","content":[{"type":"text","data":"Since the upgrade to the WordPress editor and the implementation of Gutenberg, some WordPress plugins have begun creating their own blocks that can be accessed through the new version of the editor and inserted into your content. MemberPress is one such plugin, and in this guide, we\u2019ll introduce you to the four MemberPress blocks for Gutenberg and show you how to use them on your membership site."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>Let\u2019s get started\u2026<\/p>","content":[{"type":"text","data":"Let\u2019s get started\u2026"}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/heading","render":"<h2 class=\"wp-block-heading\">The Gutenberg MemberPress Blocks<\/h2>","content":"The Gutenberg MemberPress Blocks","data":[],"style":{"align":"left","parent_style":{},"header":"h2","fontSize":"27px"}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1.png\" alt=\"Gutenberg Block Menu\" class=\"wp-image-19293\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1.png","data":{"alt":"Gutenberg Block Menu","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Blocks-Menu-1.png"},"style":{"width":1480,"height":832,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>As mentioned, since the release of the new WordPress editor, MemberPress users now get access to a selection of purpose-built Gutenberg blocks. Thanks to the way Gutenberg works, you can drag and drop these blocks into your posts and pages and customize how they work. Then, when your content is published, your visitors will see a range of elements on your website, depending on which blocks you\u2019ve used, and whether the visitor is a member, and which membership plan they are subscribed to.<\/p>","content":[{"type":"text","data":"As mentioned, since the release of the new WordPress editor, MemberPress users now get access to a selection of purpose-built Gutenberg blocks. Thanks to the way Gutenberg works, you can drag and drop these blocks into your posts and pages and customize how they work. Then, when your content is published, your visitors will see a range of elements on your website, depending on which blocks you\u2019ve used, and whether the visitor is a member, and which membership plan they are subscribed to."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>So with that in mind, here\u2019s an overview of those MemberPress Gutenberg blocks, including how to use them on your WordPress membership site.<\/p>","content":[{"type":"text","data":"So with that in mind, here\u2019s an overview of those MemberPress Gutenberg blocks, including how to use them on your WordPress membership site."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/heading","render":"<h3 class=\"wp-block-heading\">Login Form Block<\/h3>","content":"Login Form Block","data":[],"style":{"align":"left","parent_style":{},"header":"h3","fontSize":"21px"}},{"type":"core\/paragraph","render":"<p>As the name suggests, this block will insert a login form into your post or page. Your members can then use this form to log in to their accounts on your membership site and start accessing the restricted content and the other components of your members-only area.<\/p>","content":[{"type":"text","data":"As the name suggests, this block will insert a login form into your post or page. Your members can then use this form to log in to their accounts on your membership site and start accessing the restricted content and the other components of your members-only area."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1.png\" alt=\"Login Form Block Menu\" class=\"wp-image-19294\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1.png","data":{"alt":"Login Form Block Menu","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Menu-1.png"},"style":{"width":1480,"height":879,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>Once you\u2019ve inserted the block into your post or page, via the add block menu, the form will be displayed when you publish the post or page.<\/p>","content":[{"type":"text","data":"Once you\u2019ve inserted the block into your post or page, via the add block menu, the form will be displayed when you publish the post or page."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1.png\" alt=\"Login Form Block Editor\" class=\"wp-image-19295\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1.png","data":{"alt":"Login Form Block Editor","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Block-Editor-1.png"},"style":{"width":1480,"height":895,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>There is one setting or option for the login form block that allows you to define what page on your site will be displayed once a member has logged in.<\/p>","content":[{"type":"text","data":"There is one setting or option for the login form block that allows you to define what page on your site will be displayed once a member has logged in."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>If you want to make use of this setting, simply click on the Login Redirect URL text link. On the page that is displayed, scroll down to the Login &amp; Logout section. Then enter the URL of the page that you\u2019d like to display once the user has logged in. For this example, the member account page will be displayed. Click on the Update options button once you\u2019ve entered a page URL.<\/p>","content":[{"type":"text","data":"If you want to make use of this setting, simply click on the Login Redirect URL text link. On the page that is displayed, scroll down to the Login &amp; Logout section. Then enter the URL of the page that you\u2019d like to display once the user has logged in. For this example, the member account page will be displayed. Click on the Update options button once you\u2019ve entered a page URL."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1.png\" alt=\"Login Form Redirect URL\" class=\"wp-image-19296\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1.png","data":{"alt":"Login Form Redirect URL","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Redirect-URL-1.png"},"style":{"width":1480,"height":461,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>Now, return to the post or page you inserted the login form block into and check the box next to the Use MemberPress Login Redirect URL text. If you publish or preview that page, you can see the form that the block has inserted into the content.<\/p>","content":[{"type":"text","data":"Now, return to the post or page you inserted the login form block into and check the box next to the Use MemberPress Login Redirect URL text. If you publish or preview that page, you can see the form that the block has inserted into the content."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1.png\" alt=\"Published Login Form Block\" class=\"wp-image-19297\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1.png","data":{"alt":"Published Login Form Block","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Login-Form-Published-1.png"},"style":{"width":1480,"height":830,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>Once the user logs in, they are taken to the URL that you specified when setting up the form block.<\/p>","content":[{"type":"text","data":"Once the user logs in, they are taken to the URL that you specified when setting up the form block."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/heading","render":"<h3 class=\"wp-block-heading\">Registration Form Block<\/h3>","content":"Registration Form Block","data":[],"style":{"align":"left","parent_style":{},"header":"h3","fontSize":"21px"}},{"type":"core\/paragraph","render":"<p>If a visitor to your site isn\u2019t a member, they can use the form that this block adds to your posts and pages to sign up and register. To use this block, create a new page on your site, or open an existing one, and simply insert the block into the page via the Add Block menu.<\/p>","content":[{"type":"text","data":"If a visitor to your site isn\u2019t a member, they can use the form that this block adds to your posts and pages to sign up and register. To use this block, create a new page on your site, or open an existing one, and simply insert the block into the page via the Add Block menu."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block.png\" alt=\"Registration Block\" class=\"wp-image-19299\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block.png","data":{"alt":"Registration Block","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Add-Block.png"},"style":{"width":1480,"height":880,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>Once you\u2019ve added the registration block, you can then choose which registration form to display. As each membership on your site has its own registration form, you can use this block to display the form from the relevant membership plan.<\/p>","content":[{"type":"text","data":"Once you\u2019ve added the registration block, you can then choose which registration form to display. As each membership on your site has its own registration form, you can use this block to display the form from the relevant membership plan."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor.png\" alt=\"Registration Form Editor\" class=\"wp-image-19300\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor.png","data":{"alt":"Registration Form Editor","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Form-Block-Editor.png"},"style":{"width":1480,"height":896,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>If you publish or preview the page, you\u2019ll see that the registration form you chose is displayed, giving your visitors a way to sign up and become members.<\/p>","content":[{"type":"text","data":"If you publish or preview the page, you\u2019ll see that the registration form you chose is displayed, giving your visitors a way to sign up and become members."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published.png\" alt=\"Registration Block Published\" class=\"wp-image-19301\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published.png","data":{"alt":"Registration Block Published","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Registration-Block-Published.png"},"style":{"width":1480,"height":659,"align":"left","parent_style":{}}},{"type":"core\/heading","render":"<h3 class=\"wp-block-heading\">Account Form Block<\/h3>","content":"Account Form Block","data":[],"style":{"align":"left","parent_style":{},"header":"h3","fontSize":"21px"}},{"type":"core\/paragraph","render":"<p>If you want to display the details of a members account on a post or page on your website, the account form block makes this possible.<\/p>","content":[{"type":"text","data":"If you want to display the details of a members account on a post or page on your website, the account form block makes this possible."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block.png\" alt=\"Account Block\" class=\"wp-image-19302\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block.png","data":{"alt":"Account Block","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block.png"},"style":{"width":1480,"height":880,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>Just insert the account form block into a post or page, and when a logged-in member visits it, they can see their account details.<\/p>","content":[{"type":"text","data":"Just insert the account form block into a post or page, and when a logged-in member visits it, they can see their account details."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor.png\" alt=\"Account Form Block Editor\" class=\"wp-image-19304\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor.png","data":{"alt":"Account Form Block Editor","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Block-Editor.png"},"style":{"width":1460,"height":941,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>From their account page, members can view their subscription and payment details as well as see what other data is held about them.<\/p>","content":[{"type":"text","data":"From their account page, members can view their subscription and payment details as well as see what other data is held about them."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published.png\" alt=\"Account Form Published\" class=\"wp-image-19305\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published.png","data":{"alt":"Account Form Published","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Account-Form-Published.png"},"style":{"width":1480,"height":971,"align":"left","parent_style":{}}},{"type":"core\/heading","render":"<h3 class=\"wp-block-heading\">Protected Content Block<\/h3>","content":"Protected Content Block","data":[],"style":{"align":"left","parent_style":{},"header":"h3","fontSize":"21px"}},{"type":"core\/paragraph","render":"<p>Finally, we have the protected content block. This is the most powerful block so far, at least in terms of flexibility and how it can be used.<\/p>","content":[{"type":"text","data":"Finally, we have the protected content block. This is the most powerful block so far, at least in terms of flexibility and how it can be used."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu.png\" alt=\"Protected Block\" class=\"wp-image-19306\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu.png","data":{"alt":"Protected Block","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Menu.png"},"style":{"width":1480,"height":880,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>After adding the protected block to a post or page, any other blocks that are added to the page below the protected block are unavailable to members who don\u2019t have the right level of access, including visitors who aren\u2019t logged in to your site.<\/p>","content":[{"type":"text","data":"After adding the protected block to a post or page, any other blocks that are added to the page below the protected block are unavailable to members who don\u2019t have the right level of access, including visitors who aren\u2019t logged in to your site."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1.png\" alt=\"Protected Block Editor\" class=\"wp-image-19308\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1.png","data":{"alt":"Protected Block Editor","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Editor-1.png"},"style":{"width":1480,"height":1052,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>Before you publish the post or page, you\u2019ll need to define which members can access the content in the protected block.<\/p>","content":[{"type":"text","data":"Before you publish the post or page, you\u2019ll need to define which members can access the content in the protected block."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>To do so, click on the protected block, then look for the Access Rule panel on the right-hand side of the editor. From here you can choose one of your existing rules that control who can access which content on your site. To protect part of a post or page, you should use the partial rule type.<\/p>","content":[{"type":"text","data":"To do so, click on the protected block, then look for the Access Rule panel on the right-hand side of the editor. From here you can choose one of your existing rules that control who can access which content on your site. To protect part of a post or page, you should use the partial rule type."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example.png\" alt=\"Partial Rule Example\" class=\"wp-image-19309\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example.png","data":{"alt":"Partial Rule Example","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Partial-Rule-Example.png"},"style":{"width":1480,"height":1122,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>If you haven\u2019t created any rules yet, you can find out how to do so on <a href=\"https:\/\/memberpress.com\/docs\/rules-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">the relevant page<\/a> of the MemberPress online documentation. Once you\u2019ve created an appropriate rule, you can select it from the Access Rule dropdown menu.<\/p>","content":[{"type":"text","data":"If you haven\u2019t created any rules yet, you can find out how to do so on <a href=\"https:\/\/memberpress.com\/docs\/rules-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">the relevant page<\/a> of the MemberPress online documentation. Once you\u2019ve created an appropriate rule, you can select it from the Access Rule dropdown menu."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule.png\" alt=\"Access Rule for Protected Block\" class=\"wp-image-19310\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule.png","data":{"alt":"Access Rule for Protected Block","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Access-Rule.png"},"style":{"width":1480,"height":760,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>Now when a non-member or member without the right level of access visits that page, they won\u2019t see the content inside the protected block. By default, nothing is shown when this is the case. However, you can choose to display a custom message that explains why they can\u2019t see the protected content, alongside an optional login form.<\/p>","content":[{"type":"text","data":"Now when a non-member or member without the right level of access visits that page, they won\u2019t see the content inside the protected block. By default, nothing is shown when this is the case. However, you can choose to display a custom message that explains why they can\u2019t see the protected content, alongside an optional login form."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/image","render":"<figure class=\"wp-block-image\"><img src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message.png\" alt=\"Protected Block Message\" class=\"wp-image-19311\"\/><\/figure>","content":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message.png","data":{"alt":"Protected Block Message","src":"https:\/\/memberpress.com\/wp-content\/uploads\/2019\/09\/Gutenberg-Protected-Block-Message.png"},"style":{"width":1480,"height":907,"align":"left","parent_style":{}}},{"type":"core\/paragraph","render":"<p>Depending on how you configure these settings, a visitor could see nothing or a combination of the custom message and the login form.<\/p>","content":[{"type":"text","data":"Depending on how you configure these settings, a visitor could see nothing or a combination of the custom message and the login form."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>For a more visual overview of these MemberPress Gutenberg blocks, <a href=\"https:\/\/youtu.be\/yz9WRuDB1b0\" target=\"_blank\" rel=\"noreferrer noopener\">this YouTube video<\/a> does a good walkthrough of adding them to your site.<\/p>","content":[{"type":"text","data":"For a more visual overview of these MemberPress Gutenberg blocks, <a href=\"https:\/\/youtu.be\/yz9WRuDB1b0\" target=\"_blank\" rel=\"noreferrer noopener\">this YouTube video<\/a> does a good walkthrough of adding them to your site."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/heading","render":"<h2 class=\"wp-block-heading\">Final Thoughts<\/h2>","content":"Final Thoughts","data":[],"style":{"align":"left","parent_style":{},"header":"h2","fontSize":"27px"}},{"type":"core\/paragraph","render":"<p>The upgrade of the WordPress editor has seen a lot of changes to the content creation experience.<\/p>","content":[{"type":"text","data":"The upgrade of the WordPress editor has seen a lot of changes to the content creation experience."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>Gutenberg blocks are an interesting concept, and as more third-party plugins start taking advantage of them, they should really help speed up your workflow and open up lots of exciting creative possibilities for your WordPress posts and pages.<\/p>","content":[{"type":"text","data":"Gutenberg blocks are an interesting concept, and as more third-party plugins start taking advantage of them, they should really help speed up your workflow and open up lots of exciting creative possibilities for your WordPress posts and pages."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p>Hopefully, this guide on how Gutenberg and MemberPress can work together, and the current selection of MemberPress blocks for Gutenberg, will help you work more efficiently when creating and managing your membership site.<\/p>","content":[{"type":"text","data":"Hopefully, this guide on how Gutenberg and MemberPress can work together, and the current selection of MemberPress blocks for Gutenberg, will help you work more efficiently when creating and managing your membership site."}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}},{"type":"core\/paragraph","render":"<p><em>If you have any questions about Gutenberg and MemberPress, please leave a comment below.<\/em><\/p>","content":[{"type":"text","data":"<em>If you have any questions about Gutenberg and MemberPress, please leave a comment below.<\/em>"}],"data":[],"style":{"textAlign":"left","color":"","dropCap":false,"parent_style":{}}}],"app_access":{"can_access":true,"restrict_message":null},"_links":{"self":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/posts\/19282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/users\/2122"}],"replies":[{"embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/comments?post=19282"}],"version-history":[{"count":0,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/posts\/19282\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/media\/19314"}],"wp:attachment":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/media?parent=19282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/categories?post=19282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/tags?post=19282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}