{"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\/es\/blog\/gutenberg-and-memberpress-how-to\/","title":{"rendered":"Gutenberg y MemberPress: C\u00f3mo hacerlo"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Como ya sabr\u00e1s, el editor de WordPress se ha actualizado recientemente, transformando la forma en que creamos contenidos con este popular software de creaci\u00f3n de sitios web.<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<label for=\"ez-toc-cssicon-toggle-item-6ab87b6ee875d\" class=\"ez-toc-cssicon-toggle-label\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">QU\u00c9 HAY DENTRO<\/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-6ab87b6ee875d\"  \/><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\/es\/blog\/gutenberg-and-memberpress-how-to\/#The_Gutenberg_MemberPress_Blocks\" >Los bloques Gutenberg MemberPress<\/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\/es\/blog\/gutenberg-and-memberpress-how-to\/#Login_Form_Block\" >Bloque de formulario de inicio de sesi\u00f3n<\/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\/es\/blog\/gutenberg-and-memberpress-how-to\/#Registration_Form_Block\" >Bloque del formulario de inscripci\u00f3n<\/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\/es\/blog\/gutenberg-and-memberpress-how-to\/#Account_Form_Block\" >Bloque de formulario de cuenta<\/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\/es\/blog\/gutenberg-and-memberpress-how-to\/#Protected_Content_Block\" >Bloque de contenido protegido<\/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\/es\/blog\/gutenberg-and-memberpress-how-to\/#Final_Thoughts\" >Reflexiones finales<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<p class=\"wp-block-paragraph\">El nombre del nuevo editor de WordPress es <a href=\"https:\/\/wordpress.org\/gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg<\/a>Adem\u00e1s de renovar la interfaz de usuario, tambi\u00e9n ha a\u00f1adido algunas funciones nuevas e interesantes al proceso de creaci\u00f3n de contenidos. Un ejemplo de ello son los bloques Gutenberg.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se trata de bloques de contenido, o m\u00f3dulos, que pueden insertarse en tus entradas y p\u00e1ginas, d\u00e1ndote m\u00e1s control sobre c\u00f3mo crear contenido. Algunos ejemplos de estos bloques son los de p\u00e1rrafo, galer\u00eda, tablas y columnas, por nombrar solo algunos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Desde la actualizaci\u00f3n del editor de WordPress y la implementaci\u00f3n de Gutenberg, algunos plugins de WordPress han comenzado a crear sus propios bloques a los que se puede acceder a trav\u00e9s de la nueva versi\u00f3n del editor e insertarlos en tu contenido. MemberPress es uno de esos plugins y, en esta gu\u00eda, te presentaremos los cuatro bloques de MemberPress para Gutenberg y te mostraremos c\u00f3mo usarlos en tu sitio de membres\u00eda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Empecemos...<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_Gutenberg_MemberPress_Blocks\"><\/span>Los bloques Gutenberg MemberPress<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=\"Men\u00fa en bloque Gutenberg\" 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 class=\"wp-block-paragraph\">Como ya hemos mencionado, desde el lanzamiento del nuevo editor de WordPress, los usuarios de MemberPress ahora tienen acceso a una selecci\u00f3n de bloques Gutenberg creados espec\u00edficamente. Gracias al funcionamiento de Gutenberg, puedes arrastrar y soltar estos bloques en tus entradas y p\u00e1ginas y personalizar su funcionamiento. Despu\u00e9s, cuando tu contenido se publique, tus visitantes ver\u00e1n una serie de elementos en tu sitio web, dependiendo de los bloques que hayas utilizado, y de si el visitante es miembro, y a qu\u00e9 plan de membres\u00eda est\u00e1 suscrito.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As\u00ed que con eso en mente, aqu\u00ed hay una visi\u00f3n general de esos bloques MemberPress Gutenberg, incluyendo c\u00f3mo usarlos en su sitio de membres\u00eda de WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Login_Form_Block\"><\/span>Bloque de formulario de inicio de sesi\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Como su nombre indica, este bloque insertar\u00e1 un formulario de inicio de sesi\u00f3n en tu entrada o p\u00e1gina. Sus miembros podr\u00e1n utilizar este formulario para acceder a sus cuentas en su sitio de afiliaci\u00f3n y empezar a acceder al contenido restringido y a los dem\u00e1s componentes de su \u00e1rea exclusiva para miembros.<\/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=\"Men\u00fa del bloque de formularios de inicio de sesi\u00f3n\" 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 class=\"wp-block-paragraph\">Una vez que hayas insertado el bloque en tu entrada o p\u00e1gina, a trav\u00e9s del men\u00fa de a\u00f1adir bloque, el formulario se mostrar\u00e1 cuando publiques la entrada o p\u00e1gina.<\/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=\"Editor de bloques de formularios de inicio de sesi\u00f3n\" 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 class=\"wp-block-paragraph\">Hay un ajuste u opci\u00f3n para el bloque de formulario de inicio de sesi\u00f3n que le permite definir qu\u00e9 p\u00e1gina de su sitio se mostrar\u00e1 una vez que un miembro haya iniciado sesi\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si quieres utilizar esta configuraci\u00f3n, solo tienes que hacer clic en el enlace de texto \u00abURL de redirecci\u00f3n tras el inicio de sesi\u00f3n\u00bb. En la p\u00e1gina que se muestre, despl\u00e1zate hacia abajo hasta la secci\u00f3n \u00abInicio y fin de sesi\u00f3n\u00bb. A continuaci\u00f3n, introduce la URL de la p\u00e1gina que te gustar\u00eda que se mostrara una vez que el usuario haya iniciado sesi\u00f3n. En este ejemplo, se mostrar\u00e1 la p\u00e1gina de la cuenta de usuario. Haz clic en el bot\u00f3n \u00abActualizar opciones\u00bb una vez que hayas introducido la URL de la p\u00e1gina.<\/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=\"URL de redirecci\u00f3n del formulario de inicio de sesi\u00f3n\" 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 class=\"wp-block-paragraph\">Ahora, vuelve a la entrada o p\u00e1gina en la que has insertado el bloque del formulario de inicio de sesi\u00f3n y marca la casilla situada junto al texto \u00abUsar la URL de redireccionamiento de inicio de sesi\u00f3n de MemberPress\u00bb. Si publicas esa p\u00e1gina o la previsualizas, podr\u00e1s ver el formulario que el bloque ha insertado en el contenido.<\/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=\"Bloque de formulario de inicio de sesi\u00f3n publicado\" 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 class=\"wp-block-paragraph\">Una vez que el usuario inicia sesi\u00f3n, se le redirige a la URL que especific\u00f3 al configurar el bloque de formularios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Registration_Form_Block\"><\/span>Bloque del formulario de inscripci\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si un visitante de tu sitio no es miembro, puede utilizar el formulario que este bloque a\u00f1ade a tus entradas y p\u00e1ginas para inscribirse y registrarse. Para utilizar este bloque, crea una nueva p\u00e1gina en tu sitio, o abre una existente, y simplemente inserta el bloque en la p\u00e1gina a trav\u00e9s del men\u00fa A\u00f1adir bloque.<\/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=\"Bloque de inscripci\u00f3n\" 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 class=\"wp-block-paragraph\">Una vez que haya a\u00f1adido el bloque de registro, puede elegir qu\u00e9 formulario de registro mostrar. Como cada afiliaci\u00f3n de tu sitio tiene su propio formulario de registro, puedes utilizar este bloque para mostrar el formulario del plan de afiliaci\u00f3n correspondiente.<\/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=\"Editor del formulario de inscripci\u00f3n\" 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 class=\"wp-block-paragraph\">Si publicas o previsualizas la p\u00e1gina, ver\u00e1s que se muestra el formulario de registro que elegiste, ofreciendo a tus visitantes una forma de registrarse y convertirse en miembros.<\/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=\"Bloque de inscripci\u00f3n publicado\" 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>Bloque de formulario de cuenta<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si desea mostrar los detalles de una cuenta de miembro en una entrada o p\u00e1gina de su sitio web, el bloque de formulario de cuenta lo hace posible.<\/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=\"Bloqueo de cuenta\" 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 class=\"wp-block-paragraph\">Basta con insertar el bloque de formulario de cuenta en una entrada o p\u00e1gina y, cuando un usuario conectado la visite, podr\u00e1 ver los datos de su cuenta.<\/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=\"Editor de bloques de formularios de cuentas\" 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 class=\"wp-block-paragraph\">Desde la p\u00e1gina de su cuenta, los afiliados pueden consultar sus datos de suscripci\u00f3n y pago, as\u00ed como ver qu\u00e9 otros datos se guardan sobre ellos.<\/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=\"Formulario de cuenta publicado\" 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>Bloque de contenido protegido<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Por \u00faltimo, tenemos el bloque de contenido protegido. Este es el bloque m\u00e1s potente hasta ahora, al menos en t\u00e9rminos de flexibilidad y de c\u00f3mo se puede utilizar.<\/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=\"Bloque protegido\" 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 class=\"wp-block-paragraph\">Despu\u00e9s de a\u00f1adir el bloque protegido a una entrada o p\u00e1gina, cualquier otro bloque que se a\u00f1ada a la p\u00e1gina por debajo del bloque protegido no estar\u00e1 disponible para los miembros que no tengan el nivel de acceso adecuado, incluidos los visitantes que no hayan iniciado sesi\u00f3n en su sitio.<\/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=\"Editor de bloques protegidos\" 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 class=\"wp-block-paragraph\">Antes de publicar la entrada o p\u00e1gina, deber\u00e1 definir qu\u00e9 miembros pueden acceder al contenido del bloque protegido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para ello, haga clic en el bloque protegido y, a continuaci\u00f3n, busque el panel de reglas de acceso en la parte derecha del editor. Desde aqu\u00ed puede elegir una de las reglas existentes que controlan qui\u00e9n puede acceder a qu\u00e9 contenido de su sitio. Para proteger parte de una entrada o p\u00e1gina, debe utilizar el tipo de regla parcial.<\/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=\"Ejemplo de regla parcial\" 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 class=\"wp-block-paragraph\">Si a\u00fan no ha creado ninguna regla, puede consultar c\u00f3mo hacerlo en <a href=\"https:\/\/memberpress.com\/es\/docs\/rules-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">la p\u00e1gina correspondiente<\/a> de la documentaci\u00f3n online del MemberPress. Una vez que hayas creado una regla adecuada, puedes seleccionarla en el men\u00fa desplegable Regla de acceso.<\/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=\"Regla de acceso para bloque protegido\" 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 class=\"wp-block-paragraph\">Ahora, cuando una persona que no sea miembro o un miembro sin el nivel de acceso adecuado visite esa p\u00e1gina, no ver\u00e1 el contenido dentro del bloque protegido. Por defecto, no se muestra nada en este caso. Sin embargo, puede elegir mostrar un mensaje personalizado que explique por qu\u00e9 no pueden ver el contenido protegido, junto con un formulario de acceso opcional.<\/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=\"Mensaje de bloqueo protegido\" 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 class=\"wp-block-paragraph\">Dependiendo de c\u00f3mo configure estos ajustes, un visitante podr\u00eda no ver nada o una combinaci\u00f3n del mensaje personalizado y el formulario de acceso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para una visi\u00f3n m\u00e1s visual de estos bloques MemberPress Gutenberg, <a href=\"https:\/\/youtu.be\/yz9WRuDB1b0\" target=\"_blank\" rel=\"noreferrer noopener\">este v\u00eddeo de YouTube<\/a> hace un buen recorrido para a\u00f1adirlos a su sitio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Final_Thoughts\"><\/span>Reflexiones finales<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La actualizaci\u00f3n del editor de WordPress ha supuesto muchos cambios en la experiencia de creaci\u00f3n de contenidos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los bloques Gutenberg son un concepto interesante y, a medida que m\u00e1s plugins de terceros empiecen a aprovecharlos, deber\u00edan ayudarte a acelerar tu flujo de trabajo y abrir un mont\u00f3n de interesantes posibilidades creativas para tus entradas y p\u00e1ginas de WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esperamos que esta gu\u00eda sobre c\u00f3mo Gutenberg y MemberPress pueden trabajar juntos, y la selecci\u00f3n actual de bloques MemberPress para Gutenberg, le ayuden a trabajar de manera m\u00e1s eficiente al crear y administrar su sitio de membres\u00eda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Si tiene alguna pregunta sobre Gutenberg y MemberPress, deje un comentario a continuaci\u00f3n.<\/em><\/p>","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 [&hellip;]<\/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":["post-19282","post","type-post","status-publish","format-standard","has-post-thumbnail","category-features","tag-gutenberg","entry"],"acf":{"plans":["scale"],"is_featured":false,"download_source":"none","mothership_slug":"","download_url":""},"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 5.0.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\/es\/blog\/gutenberg-and-memberpress-how-to\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 5.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/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\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#blogposting\",\"name\":\"Gutenberg and MemberPress: How To\",\"headline\":\"Gutenberg and MemberPress: How To\",\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/author\\\/jfylan\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#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\":\"es-ES\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#webpage\"},\"articleSection\":\"Features, gutenberg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/memberpress.com\\\/es\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/category\\\/features\\\/#listItem\",\"name\":\"Features\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/category\\\/features\\\/#listItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/category\\\/features\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#listItem\",\"name\":\"Gutenberg and MemberPress: How To\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#listItem\",\"position\":3,\"name\":\"Gutenberg and MemberPress: How To\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/category\\\/features\\\/#listItem\",\"name\":\"Features\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#organization\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/mp-icon-RGB_Icon-01.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#organizationLogo\",\"width\":1650,\"height\":1275,\"caption\":\"memberpress logo icon\"},\"image\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\\\/es\\\/blog\\\/author\\\/jfylan\\\/#author\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/author\\\/jfylan\\\/\",\"name\":\"Joe Fylan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#authorImage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/litespeed\\\/avatar\\\/8efbb5b67aecb906b5f72f49bd070141.jpg?ver=1790046644\",\"width\":96,\"height\":96,\"caption\":\"Joe Fylan\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#webpage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/author\\\/jfylan\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\\\/es\\\/blog\\\/gutenberg-and-memberpress-how-to\\\/#mainImage\",\"width\":1100,\"height\":733},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/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\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#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 y MemberPress: C\u00f3mo hacerlo","description":"Descubre c\u00f3mo utilizar los bloques Gutenberg de MemberPress para a\u00f1adir formularios a tus p\u00e1ginas, as\u00ed como proteger tu contenido exclusivo para miembros con Gutenberg y MemberPress.","canonical_url":"https:\/\/memberpress.com\/es\/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\/es\/blog\/gutenberg-and-memberpress-how-to\/#blogposting","name":"Gutenberg and MemberPress: How To","headline":"Gutenberg and MemberPress: How To","author":{"@id":"https:\/\/memberpress.com\/es\/blog\/author\/jfylan\/#author"},"publisher":{"@id":"https:\/\/memberpress.com\/es\/#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":"es-ES","mainEntityOfPage":{"@id":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/#webpage"},"isPartOf":{"@id":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/#webpage"},"articleSection":"Features, gutenberg"},{"@type":"BreadcrumbList","@id":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es#listItem","position":1,"name":"Home","item":"https:\/\/memberpress.com\/es","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/blog\/category\/features\/#listItem","name":"Features"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/blog\/category\/features\/#listItem","position":2,"name":"Features","item":"https:\/\/memberpress.com\/es\/blog\/category\/features\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/#listItem","name":"Gutenberg and MemberPress: How To"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/#listItem","position":3,"name":"Gutenberg and MemberPress: How To","previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/blog\/category\/features\/#listItem","name":"Features"}}]},{"@type":"Organization","@id":"https:\/\/memberpress.com\/es\/#organization","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","url":"https:\/\/memberpress.com\/es\/","logo":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","@id":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/#organizationLogo","width":1650,"height":1275,"caption":"memberpress logo icon"},"image":{"@id":"https:\/\/memberpress.com\/es\/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\/es\/blog\/author\/jfylan\/#author","url":"https:\/\/memberpress.com\/es\/blog\/author\/jfylan\/","name":"Joe Fylan","image":{"@type":"ImageObject","@id":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/#authorImage","url":"https:\/\/memberpress.com\/wp-content\/litespeed\/avatar\/8efbb5b67aecb906b5f72f49bd070141.jpg?ver=1790046644","width":96,"height":96,"caption":"Joe Fylan"}},{"@type":"WebPage","@id":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/#webpage","url":"https:\/\/memberpress.com\/es\/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":"es-ES","isPartOf":{"@id":"https:\/\/memberpress.com\/es\/#website"},"breadcrumb":{"@id":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/#breadcrumblist"},"author":{"@id":"https:\/\/memberpress.com\/es\/blog\/author\/jfylan\/#author"},"creator":{"@id":"https:\/\/memberpress.com\/es\/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\/es\/blog\/gutenberg-and-memberpress-how-to\/#mainImage","width":1100,"height":733},"primaryImageOfPage":{"@id":"https:\/\/memberpress.com\/es\/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\/es\/#website","url":"https:\/\/memberpress.com\/es\/","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","inLanguage":"es-ES","publisher":{"@id":"https:\/\/memberpress.com\/es\/#organization"}}]},"og:locale":"es_ES","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\/es\/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":"Descubre c\u00f3mo utilizar los bloques Gutenberg de MemberPress para a\u00f1adir formularios a tus p\u00e1ginas, as\u00ed como proteger tu contenido exclusivo para miembros con Gutenberg y 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":"2026-08-20 20:44:30","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"open_ai":null,"ai":null,"created":"2020-12-21 16:17:54","updated":"2026-08-20 20:44:30","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/es\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/es\/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\/es"},{"label":"Features","link":"https:\/\/memberpress.com\/es\/blog\/category\/features\/"},{"label":"Gutenberg and MemberPress: How To","link":"https:\/\/memberpress.com\/es\/blog\/gutenberg-and-memberpress-how-to\/"}],"_links":{"self":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/posts\/19282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/users\/2122"}],"replies":[{"embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/comments?post=19282"}],"version-history":[{"count":0,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/posts\/19282\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/media\/19314"}],"wp:attachment":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/media?parent=19282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/categories?post=19282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/tags?post=19282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}