How to Edit WooCommerce My Account Page in Elementor?

Updated on January 22, 2024 by Ananda
Table Of Content

Do you want to edit the WooCommerce My Account page in Elementor? My Account page, is where customers will manage their orders, subscriptions, and other account details, but the default My Account page in WooCommerce looks similar on all the WooCommerce websites.

Customizing the My Account page can help you stand out and provide a personalized experience. With the Woo My Account widget from The Plus Addons for Elementor you can easily customize the My Account page.

To check the complete feature overview documentation of The Plus Addons for Elementor Woo Builder, click here.

Required Setup

How to Activate the Woo My Account Widget?

Go to 

  • The Plus Settings Plus widgets 
  • Search the widget name and turn on the toggle then click Save. 
Woo my account activate

Add Woo My Account

To edit the My Account page details, edit the My Account page with Elementor and add the Woo My Account widget.

Note: Make sure all the default WooCommerec pages are created.

From the Layout dropdown, under the My Account tab, you have to select the layout. Here, you’ll find two options – 

Full Shortcode – To show all the default My Account page tabs. 

Individual – With this option, you can select which tabs to show.

Full Shortcode

Once you select Full Shortcode from the Layout dropdown, you can select a predefined style from the Style dropdown.

Woo my account full shortcode

From the Preview tab, you can preview a tab on the editor by selecting a tab from the Select Preview dropdown. This will help you to style individual tabs.

By enabling the Login & Register Form Preview toggle, you can preview the login and register form on the editor for styling.

Then, from the Extra Options tab, you can add icons to each tab individually by adding the Font Awesome icon Unicode.

Individual

When you select Individual from the Layout dropdown, you’ll see five items, open one item.

Woo my account individual

From the Select Tab dropdown, you have to select the tab you want to show. Here, you’ll find five options –

Dashboard – To show the dashboard tab. 

Orders – To show the order tab, where users can see their orders.

Downloads – To show the download tab, from where users can download digital files.

Addresses – To show the addresses tab, where users can manage their addresses.

Account details – To show the accounts tab, where users can manage their account details.

For each tab, you can hide the tab title by enabling the Hide Title toggle. 

Based on your selection, you’ll see relevant options.

Similarly, you can edit the other items, and you can also drag and drop to rearrange the items or you can delete an item as well.

You can click on the + Add Item to add more items.

Then, from the Style tab, you can customize the style further.

Now, you’ll see a beautiful My Account page.

Woo my account demo
OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X