My Account Navigation Block for Gutenberg

The “My Account Navigation” Block is designed to display the My Account Page Template on WooCommerce.

Steps for adding My Account Navigation

Go to WordPress Dashboard > WooLentor > Settings > Gutenberg. From the list of Gutenberg, turn ON the “My Account Navigation” Block.

Step 1: How to Enable My Account Navigation?

Go to Dashboard > WooLentor > Settings > Gutenberg. From the list of Gutenberg, turn ON the My Account Navigation Block.

My Account Navigation

Step 2: How to use the My Account Navigation Block?

If you want to leverage the “My Account Navigation” feature on your WooCommerce store, you will need to use a Block named “WL: My Account Navigation“. To do so, simply search for the Block in the Gutenberg Block panel, and use it on the corresponding template that you have created for the My Account Page Template.

Go to Dashboard > WooLentor > Template Builder. Click the â€œAdd New” button on the top right beside the text â€œTemplate Builder” to create a My Account page Template

My Account Navigation

First, set the name of your Template and select it in the popup box for template settings. Select â€œMy Account” from the dropdown type list. check the Set Default and save the settings by clicking the Save Settings button.

My Account Navigation

To add the My Account Block, click the “Edit with Gutenberg button to edit the My Account Template

My Account Navigation

To add a My Account Navigation Block, search by “My Account Navigation” and use the Block that has the “WL Badge”.

My Account Navigation

Drag and drop the WooLentor “My Account Navigation” Block onto the My Account Template.

My Account Navigation

Step 3: How to customize the My Account Navigation Block?

Setting: You can change the Show User info( Yes or No), and User Custom image list My Account Navigation as you need.

My Account Navigation
How to customize the My Account Navigation style

User Info: You can change the Color, Link Color, Link Hover Color, Text Font Size, Border Type, Border Radius, and Alignment style of My Account Navigation as needed.

My Account Navigation

Navigation: You can change the Position, Menu Area Margin, Alignment, Menu Area Width, Color, Background Color, Size, Padding, Margin, and Border Type Style of My Account Navigation as needed.

My Account Navigation

Step 4: Now view the preview

Visit the My Account Template to Preview.

My Account Navigation

Do you want to use the My Account Navigation Widget for Elementor? Click Here

Last updated on November 26, 2025

Was this article helpful?

NEXT

Checkout Billing Form Block for Gutenberg

Powered by Support Genix