--- title: "How to Edit WooCommerce My Account Page in Elementor?" url: https://theplusaddons.com/docs/edit-woocommerce-my-account-page-in-elementor/ date: 2023-12-07 modified: 2026-04-10 author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2023/12/How-to-Edit-WooCommerce-My-Account-Page-in-Elementor_-1024x536.jpg word_count: 555 --- # How to Edit WooCommerce My Account Page in Elementor? ## Key Takeaways - Woo My Account widget from The Plus Addons for Elementor allows customization of the WooCommerce My Account page. - The Plus Addons for Elementor requires the PRO version to access the Woo My Account widget. - Users can choose between Full Shortcode and Individual layout options to display My Account page tabs. 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](/docs/woo-builder-settings-overview/).* ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Woo My Account widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Woo My Account and activate. https://www.youtube.com/watch?v=2heiGfj335w&t=742s ## How to Activate the Woo My Account Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2023/12/woo-my-account-activation.png) ## 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 WooCommerce 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** section. ![](https://theplusaddons.com/wp-content/uploads/2023/12/woo-my-account-full-shortcode-new.gif) 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](https://fontawesome.com/v4/icons/) Unicode. ### Individual When you select **Individual** from the **Layout** dropdown, you’ll see five items, open one item. ![woo my account individual](https://theplusaddons.com/wp-content/uploads/2023/12/woo-my-account-individual.gif) Suggested reading, [how to regenerate missing WooCommerce pages](https://theplusaddons.com/blog/regenerate-missing-woocommerce-pages/) 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](https://theplusaddons.com/wp-content/uploads/2023/12/woo-my-account-demo-1024x504.png) Also, read [how to edit WooCommerce thank you page in Elementor](https://theplusaddons.com/docs//edit-woocommerce-thank-you-page-in-elementor/). ## Frequently Asked Questions **Q: What should I do if the Woo My Account widget isn't showing up?** A: If the Woo My Account widget isn't appearing, ensure that both The Plus Addons for Elementor plugin and the Elementor FREE Plugin are installed and activated. Additionally, verify that the Woo My Account widget is activated by navigating to The Plus Addons u2192 Widgets and searching for it. If the widget is still missing, check if you have the PRO version of The Plus Addons for Elementor, as this is a premium feature. **Q: What are the best practices for styling individual tabs on the My Account page?** A: When styling individual tabs on the My Account page, it's best to use the Preview tab to see how each tab looks in real-time. You can enable the Login & Register Form Preview toggle to style these forms as well. Additionally, consider adding icons to each tab using Font Awesome icon Unicode for better visual appeal. This attention to detail can enhance user experience and make navigation easier. **Q: Does the Woo My Account widget support mobile devices?** A: The Woo My Account widget from The Plus Addons for Elementor is designed to be responsive, meaning it should work well on mobile devices. However, always preview your changes in Elementor to ensure that the layout and styling look good on different screen sizes. This is crucial for providing a seamless experience for users accessing their accounts on mobile. **Q: How can I preview changes made to the My Account page in Elementor?** A: To preview changes made to the My Account page in Elementor, use the Preview tab after selecting a tab from the Select Preview dropdown. This allows you to see how each tab will appear in the editor. Additionally, enabling the Login & Register Form Preview toggle helps you visualize those forms as you style them, ensuring that your design meets your expectations before publishing.