Custom My Account page hooks for Woocommerce

This block is called My Account hooks. It allows to make custom my account page. You can show orders, downloads, account edit sections in any place of site.

You can also create custom my account page. So, steps for this is next

  1. Woocommerce – settings – Advanced. Here check your My account page. Now, edit page
  2. Remove woocommerce_my_account shortcode from page, instead of this, add Row block with two columns. One column will be used as navigation, second as content
  3. In Navigation area, put Advanced List block
  4. In Content Area, put Account hooks block and select My Account Section hook
  5. For advanced list block, you need to put proper links to each section. They are /orders, /downloads, /edit-address, /edit-account, /customer-logout, /payment-methods, /lost-password. Make sure that you added relative address to my-account page. For example, if your account page has address site.com/my-account. Then, you need to add links like site.com/my-account/orders

We created ready template for you. You can download it in FSE template section in library

Copy this post’s content
<!-- wp:paragraph -->
<p>This block is called My Account hooks. It allows to make custom my account page. You can show orders, downloads, account edit sections in any place of site.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You can also create custom my account page. So, steps for this is next</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>Woocommerce - settings - Advanced. Here check your My account page. Now, edit page</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Remove woocommerce_my_account shortcode from page, instead of this, add Row block with two columns. One column will be used as navigation, second as content </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>In Navigation area, put Advanced List block</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>In Content Area, put Account hooks block and select My Account Section hook</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>For advanced list block, you need to put proper links to each section. They are /orders, /downloads, /edit-address, /edit-account, /customer-logout, /payment-methods, /lost-password. Make sure that you added relative address to my-account page. For example, if your account page has address site.com/my-account. Then, you need to add links like site.com/my-account/orders</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>We created ready template for you. You can download it in <a href="https://greenshiftwp.com/documentation/get-started/library-of-templates-and-wireframes/" data-type="documentation" data-id="3827">FSE template section in library</a></p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/image {"id":"gsbp-58427b1","originalWidth":2618,"originalHeight":1460,"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2024/02/myaccount.png","mediaid":4554,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-58427b1" id="gspb_image-id-gsbp-58427b1"><img src="https://greenshiftwp.com/wp-content/uploads/2024/02/myaccount.png" data-src="" alt="" loading="lazy" width="2618" height="1460"/></div>
<!-- /wp:greenshift-blocks/image -->
«
»