{"id":40489,"date":"2023-07-07T13:25:17","date_gmt":"2023-07-07T13:25:17","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=40489"},"modified":"2023-07-28T09:39:57","modified_gmt":"2023-07-28T09:39:57","slug":"profile-menu-block-overview-for-gutenberg","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/","title":{"rendered":"Profile Menu Block Overview for Gutenberg"},"content":{"rendered":"\n

Account Page<\/h2>\n\n\n\n
\n

Proceed to the JetEngine > Profile Builder <\/em><\/strong>tab.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

Since I set the \u201cRewrite\u201d Template Mode<\/strong>, I cannot edit the Account page, so I\u2019ll place the Profile Menu<\/strong> block on the subpage templates with which I build the Account page. If you want to place the block on the Account page, choose the \u201cContent\u201d Template Mode<\/strong>.<\/p><\/div><\/div>\n\n\n\n

In case you changed the settings, hit the \u201cSave\u201d <\/strong>button.<\/p>\n\n\n\n\"user\n\n\n\n

Open the Account Page <\/strong>tab and ensure you have added several subpages. You can create the subpage templates with the JetEngine <\/em>Listing<\/strong><\/a> feature. Note that the Profile Menu<\/strong> will show the subpages’ titles.<\/p>\n\n\n\n

After the subpages creating, click the \u201cSave\u201d <\/strong>button.<\/p>\n\n\n\n\"subpages\n\n\n

<\/svg><\/div>
Warning<\/div>

If you don\u2019t see some menu items in the Profile Menu<\/strong> block, check if the Hide from menu<\/strong> option for the subpage is disabled.<\/p><\/div><\/div>\n\n\n\n\"hide\n\n\n\n

Proceed to one of the subpage templates or the Account page.<\/p>\n\n\n\n

I went to the Listing<\/strong> template created in the Gutenberg editor.<\/p>\n\n\n\n

Drag-n-drop the Profile Menu<\/strong> block on the editing page.<\/p>\n\n\n\n\"profile\n\n\n\n

This block has such options:<\/p>\n\n\n\n\"profile\n\n\n\n

    \n
  • Context<\/strong>. <\/strong>Here you can define if menu items will be shown from the Account Page <\/strong>or User Page <\/strong>tab from the Profile Builder dashboard. For now, select the \u201cAccount\u201d option;<\/li>\n\n\n\n
  • Show menu for the role<\/strong>. Here you can select user roles for which the menu will be visible;<\/li>\n\n\n\n
  • Add subpage slug to the first page URL<\/strong>. The subpage slug is not included in the URL of the first page on the menu unless you specifically enable this option. If you enable it, the subpage slug will be added to all URLs on the menu, including the first page;<\/li>\n\n\n\n
  • Layout<\/strong>. Here, you can select such layouts for the desktop view:\n
      \n
    • Horizontal<\/strong>;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n\"horizontal\n\n\n\n
        \n
      • Vertical<\/strong>;<\/li>\n<\/ul>\n\n\n\n\"vertical\n\n\n\n
          \n
        • Layout Tablet<\/strong>. Select the layout for the tablet view;<\/li>\n\n\n\n
        • Layout Mobile<\/strong>. Pick the layout for the mobile view.<\/li>\n<\/ul>\n\n\n
          <\/svg><\/div>
          Warning<\/div>

          If you added the Profile Menu<\/strong> block on the Account page, you need to use the Profile Content<\/strong> block. It will show the content of every subpage when users will click on the corresponding menu item. If you set the \u201cRewrite\u201d Template Mode<\/strong> and edit the subpage template, you don\u2019t need it.<\/p><\/div><\/div>\n\n\n\n\"profile\n\n\n\n

          Hit the \u201cUpdate\u201d <\/strong>button.<\/p>\n\n\n\n

          If you set the \u201cRewrite\u201d Template Mode<\/strong>, add the Profile Menu block to every subpage template where required.<\/p>\n\n\n\n

          Finally, proceed to the User page on the front end.<\/p>\n\n\n\n

          Now, users can click on the menu items in the Profile Menu<\/strong>, <\/strong>and it <\/strong>shows the corresponding subpage content.<\/p>\n\n\n\n\"account\n<\/div><\/div>\n\n\n\n

          User Page<\/h2>\n\n\n\n
          \n

          Proceed to the JetEngine > Profile Builder<\/em><\/strong> tab.<\/p>\n\n\n\n

          Ensure you enable the Single user page <\/strong>option and set the previously created page as the Single User Page<\/strong> (in my case, that\u2019s the \u201cProfile\u201d page).<\/p>\n\n\n

          <\/svg><\/div>
          Warning<\/div>

          Since I set the \u201cRewrite\u201d Template Mode<\/strong>, I cannot edit the User page, so I\u2019ll place the Profile Menu<\/strong> block on the subpage templates with which I build the User page. If you want to place the block on the User page, choose the \u201cContent\u201d Template Mode<\/strong>.<\/p><\/div><\/div>\n\n\n\n

          If you changed some settings, hit the \u201cSave\u201d <\/strong>button.<\/p>\n\n\n\n\"select\n\n\n\n

          Open the User Page <\/strong>tab and ensure you have added several subpages. Note that the Profile Menu<\/strong> will show the subpages’ titles.<\/p>\n\n\n\n

          After the subpages creating, click the \u201cSave\u201d <\/strong>button.<\/p>\n\n\n\n\"subpages\n\n\n

          <\/svg><\/div>
          Warning<\/div>

          If you don\u2019t see some menu items in the Profile Menu<\/strong> block, check if the Hide from menu<\/strong> option for the subpage is disabled.<\/p><\/div><\/div>\n\n\n\n\"hide\n\n\n\n

          Move to one of the subpage templates or the Account page.<\/p>\n\n\n\n

          I went to the Listing<\/strong> template created in the Gutenberg editor.<\/p>\n\n\n\n

          Drag-n-drop the Profile Menu <\/strong>block to the editing page.<\/p>\n\n\n\n

          Set the \u201cSingle User Page\u201d Context <\/strong>and customize the block according to your needs.<\/p>\n\n\n\n\"single\n\n\n

          <\/svg><\/div>
          Warning<\/div>

          If you added the Profile Menu<\/strong> block on the User page, you need to use the Profile Content<\/strong> block. It will show the content of every subpage when users will click on the corresponding menu item. If you set the \u201cRewrite\u201d Template Mode<\/strong> and edit the subpage template, you don\u2019t need it.<\/p><\/div><\/div>\n\n\n\n\"profile\n\n\n\n

          Hit the \u201cUpdate\u201d <\/strong>button.<\/p>\n\n\n\n

          If you set the \u201cRewrite\u201d Template Mode<\/strong>, add the Profile Menu block to every subpage template where required.<\/p>\n\n\n\n

          Finally, proceed to the front end and open any user’s Profile page.<\/p>\n\n\n\n\"user\n<\/div><\/div>\n\n\n\n

          That\u2019s all. Now you know how to display the submenu templates on the Account and User pages using the Profile Menu<\/strong> block.<\/p>\n","protected":false},"excerpt":{"rendered":"

          This tutorial will describe how the Profile Menu block works and how to customize it to display different content on the WordPress Account and User page with the WordPress (Block) editor.<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[402],"yoast_head":"\nProfile Menu Block Overview for Gutenberg \u2013 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"This tutorial describes how the Profile Menu block works and how to customize it to display different content on the WordPress Account and User page with the Gutenberg editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Profile Menu Block Overview for Gutenberg \u2013 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"This tutorial describes how the Profile Menu block works and how to customize it to display different content on the WordPress Account and User page with the Gutenberg editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T09:39:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/07\/user-profile-builder-dashboard-rewrite-template-mode2-1024x637.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/\",\"name\":\"Profile Menu Block Overview for Gutenberg \u2013 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-07-07T13:25:17+00:00\",\"dateModified\":\"2023-07-28T09:39:57+00:00\",\"description\":\"This tutorial describes how the Profile Menu block works and how to customize it to display different content on the WordPress Account and User page with the Gutenberg editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Profile Menu Block Overview for Gutenberg\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Profile Menu Block Overview for Gutenberg \u2013 JetEngine | Crocoblock","description":"This tutorial describes how the Profile Menu block works and how to customize it to display different content on the WordPress Account and User page with the Gutenberg editor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/","og_locale":"en_US","og_type":"article","og_title":"Profile Menu Block Overview for Gutenberg \u2013 JetEngine | Crocoblock","og_description":"This tutorial describes how the Profile Menu block works and how to customize it to display different content on the WordPress Account and User page with the Gutenberg editor.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/","og_site_name":"Help Center","article_modified_time":"2023-07-28T09:39:57+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/07\/user-profile-builder-dashboard-rewrite-template-mode2-1024x637.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/","name":"Profile Menu Block Overview for Gutenberg \u2013 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-07-07T13:25:17+00:00","dateModified":"2023-07-28T09:39:57+00:00","description":"This tutorial describes how the Profile Menu block works and how to customize it to display different content on the WordPress Account and User page with the Gutenberg editor.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/profile-menu-block-overview-for-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"Profile Menu Block Overview for Gutenberg"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/40489"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=40489"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=40489"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=40489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}