How to Edit and Customize WooCommerce My Account Page (Step by Step Guide)

The “My Account page” is a crucial element on an eCommerce site. This page is responsible for closing the deal and creating a loyal customer base. If you're trying to boost the conversions of your WooCommerce store, then you must know how to edit the WooCommerce My Account Page. This can be done by editing the code or using a plugin.

In this article, we'll mainly show you how to edit the My Account page with ‘My Account Page Editor‘ along with suggesting some popular customization plugins for the My Account page of WooCommerce.

Why You Might Need to Edit My Account Page of WooCommerce

There are several reasons why you might need to edit the WooCommerce account page. For example, you may want to add custom fields to the registration form or change the default order of the fields.

In addition, you may want to add custom content to the My Account page, such as a welcome message or instructions for using your site.

How to Edit and Customize WooCommerce My Account Page (2-Easy Methods)

Today we'll show you 2 different ways to edit your WooCommerce My Account Page-

• Method1: Editing My Account Page with Plugin
• Method2: Customizing My Account Page with a Code

Method 1: Editing My Account Page with Plugin

A number of ways are there to edit and customize your WooCommerce My Account Page. The easiest way is to edit it with the My Account Page Editor for WooCommerce. We will show you the complete step-by-step process of doing it here with a plugin.

Before we get on with the process, you should know that this editor for WooCommerce My Account Page enables the user to customize the account, and add new custom endpoints to view any added piece of information on the WooCommerce my account page.

Let's start from scratch-

Step 1: Installing the ‘My Account Page Editor' Plugin

Log in to your WooCommerce account and download the .zip file. Then, go to your WordPress Admin > Plugins > Add New. Upload the plugin file you just downloaded, and click Install Now. Finally, activate the extension.

Step 2: Configuring The My Account Page Settings

As soon as you activate the plugin, right away a new menu will appear in the WordPress admin panel with the tag ‘My Account Page Editor‘

Clicking on the All Endpoints tab will take you to the page where you can view all the custom endpoints that you have created using this plugin.

Step 3: Adding New Endpoints

For your My Account Page, create a new menu item/tab by clicking on Add New Endpoint. You can specify the following details while creating a new endpoint:

• Assign an Endpoint title
• Include a unique Menu Slug
• Select from the available icon
• Restrict by user roles (leave empty to apply for all customers)
• Choose endpoint type
• Set custom content using the editor

Step 4: Adding Endpoint in Group form

Once you chose the grouped endpoint option, two additional fields will appear:

• Select the custom endpoints to show as dependable
• Select the default endpoints to show as dependable

The dependable endpoint gets listed under this group endpoint after being automatically removed from my account menu.

What Can You Customize From General Settings

You will be able to customize:

• Endpoint display type
  • Theme Style (Inherits theme default style. Group endpoints are not compatible)
  • Left Sidebar (Replaces menu with plugin custom style)
  • Right Sidebar (Replaces menu with plugin custom style)
  • Tabs (Replaces menu with plugin custom style)
• Add text, background, and hover color
• Option to hide default endpoints
• Enable/disable profile picture
• Reorder endpoints

Method 2: Customizing My Account Page with a Code

The My Accounts Page is built with a shortcode, which means it can be customized using code. To do this, you'll need to edit your theme's functions.php file. If you're not comfortable editing code, we recommend backing up your site before proceeding.

Once you've backed up your site, open your theme's functions.php file in a text editor like Notepad or TextEdit. Then, add the following code at the bottom of the file:

add_filter( ‘woocommerce_my_account_menu_items', ‘bbloomer_remove_my_account_links' ); function bbloomer_remove_my_account_links( $menu_links ){ unset( $menu_links[‘dashboard'] ); // Remove Dashboard link unset( $menu_links[‘payment-methods'] );

Alternate Plugins to Edit and Customize WooCommerce My Account Page

You might not enjoy coding or you are probably someone not too much of a technical person. This is when you would enjoy utilizing the below-mentioned WooCommerce plugins that open the door for complete customization of your WooCommerce My Account Page without needing you to customize it programmatically.

1. WooCommerce – Customize My Account For WooCommerce

Say goodbye to the hassle of having to create custom WordPress pages or adding endpoints in a messy way. This plugin lets you add custom My Account endpoints (tabs) through a live customizer with a powerful customization panel. One of the best features of this plugin is the ability to group endpoints to create a tab and then add tabs as sub-pages which is intended under the parent page. Adding a custom CSS to it is as easy as ABC.

Priced at: $49 (Billed Annually)

2. Codecanyon – WooCommerce Custom My Account Pages

This cost-effective plugin allows you to easily and quickly create a beautiful, clean, and comfortable my account page on WooCommerce. The ability to fully customize the appearance of your own account pages, adding interesting features such as three different layouts, background color, and custom text makes this plugin suitable for any theme. This plugin allows you to create a single page for My Account. You can choose between three different layouts and completely rebuild your WooCommerce My Account page with the custom CSS options provided in the plugin.

Priced at: $34 (Regular License)

3. IconicWP – WooCommerce Account Pages

The plugin act more like an added functionality rather than like an installed plugin within WooCommerce. No need to worry about adding a tabbed link to the My Account page as the IconicWP plugin seamlessly integrates itself with WooCommerce and adds an unlimited number of tabs to the WooCommerce My Account page enabling any page you add to be shown as a tabbed link. You will love it if you want to add multiple ‘My Account’ pages to your site. Also, for customers who need different tabs and links for their account page. It has got everything you need to create all the My Account pages you need.

Priced At: $49 yearly for a single site

4. YITH – WooCommerce Customize My Account Page

YITH WooCommerce Customize My Account Page allows you to change the default content and display what your customers need on their WooCommerce My Account page. This is a great way to customize your account page without needing to modify any files or even code. Using this extension, you can easily customize what is displayed on your customers’ accounts, according to their role, or simply hide some sections that you don’t want to display. You can also edit the email which will be sent after logging in.

Priced at: $59.99/year

Also Read: How to Customize WooCommerce Product Page in 3 Easy Steps

Benefits of Customizing WooCommerce My Account Page

Today, a lot of personal websites aren't enough. People want something more and this is where customization comes in handy for personal sites. Customizing is important to help you highlight what makes your business or website special and that doesn't limit itself only to the logo or text color scheme. While there are some easy ways to set up a custom account profile, sometimes it can get out of control especially if you require more than what most simple solutions provide.

You may want to check out whether it will be worth taking additional time to add a few lines of code that provide more functionality as well as let users choose exactly how they want their online presence displayed instead of being limited by other platform restrictions prior to choosing an off-the-shelf solution.

Here are some of the key benefits you get for customizing your My Account Page of WooCommerce:

• Minimized product returns: Adding instructional materials and/or specifications on your product listings to increase buyer confidence will lead to a better customer experience and fewer returns.
• Increased customer loyalty: Personalizing the My Account page can be a great help in making a customer's life easier by putting all their information in one easy-to-find location, without the need of asking customer service. The page also provides them a place where they can find exclusive discounts for being their loyal customers.
• Maximum customer retention: You can offer coupons and discounts on your My Account Page which will make customers come back to the site to see new sales & offers. They'll also be checking in periodically for new sales and offers.
• Reduced customer complaints/inquiries: Almost, 67% of people prefer self-serve options over calling customer service. To encourage the use of self-service, provide on-demand user guides and access to a wide variety of products with questions and answers to more queries.

Now that you know how customizing the My Account page can make your and your customer's experience a whole lot better – here are the plugins you can install to take your store to the next level.

Related: Benefits and Guide of Adding WooCommerce Product Table

Edit and Customize WooCommerce My Account Page The Way It Suits Your Business Better

If you were looking for ways to improve your WooCommerce My Account page, then we hope you have enjoyed this post. Here we have tried to demonstrate to the WooCommerce users how they can easily customize their account page with ease with the help of a plugin.

As you can imagine by now that before you decide on editing or customizing anything, the first thing you need to do is to understand the default WooCommerce My Account page.

Now you know there are basically two ways you can customize the account page of WooCommerce. The first way is by using a plugin and the second way is by editing the code.

If you are not a developer, then we recommend that you use a plugin to edit or customize the account page. There are a number of plugins available that allow you to customize the account page. We have already mentioned some popular ones in this post for your convenience.

One of the more popular plugins is the WooCommerce Custom My Account Page plugin. It allows you to easily customize your account page without needing to have any coding knowledge.

If you are a developer, then you can customize the WooCommerce my account page by editing the code yourself. However, we only recommend this to developers who are comfortable with code.

That's all there is to it! We hope this article has helped you learn how to edit & customize the WooCommerce my account page the way it suits your business needs.

If you enjoy reading, then you might want to subscribe to our newsletters to get trendy & interesting content right into your inbox.