How to Customize WooCommerce My Account Page
The default WooCommerce My Account page is plain and limited. It shows a basic sidebar with links to Orders, Downloads, Addresses, and Account Details — and that’s it. For most WooCommerce stores, this simply isn’t enough to deliver a good customer experience.
In this guide, we’ll show you exactly how to customize the WooCommerce My Account page — from simple tweaks to a fully custom dashboard with a spending chart, avatar upload, shipment tracking, and a live frontend customizer.
What is the WooCommerce My Account Page?
The WooCommerce My Account page is where your customers manage everything related to their account — orders, downloads, addresses, and personal details. It’s one of the most visited pages in any WooCommerce store, yet it receives almost no attention from store owners.
Customizing this page can significantly improve customer retention, reduce support queries, and give your store a more professional appearance.
Method 1: Customize WooCommerce My Account Page Without a Plugin
You can make basic changes to the My Account page using code. Here are the most common customizations:
Add a Custom Tab to WooCommerce My Account
Paste this into your theme’s functions.php file:
// Add custom endpoint
function my_custom_endpoint() {
add_rewrite_endpoint( 'custom-tab', EP_ROOT | EP_PAGES );
}
add_action( 'init', 'my_custom_endpoint' );
// Add to My Account menu
function my_custom_menu_item( $items ) {
$items['custom-tab'] = 'My Custom Tab';
return $items;
}
add_filter( 'woocommerce_account_menu_items', 'my_custom_menu_item' );
// Display content
function my_custom_endpoint_content() {
echo 'My Custom Tab Content
';
echo 'Add your custom content here.
';
}
add_action( 'woocommerce_account_custom-tab_endpoint', 'my_custom_endpoint_content' );This works, but it requires coding knowledge and doesn’t give you any design control. For most store owners, a plugin is a much better option.
Method 2: Customize WooCommerce My Account Page With a Plugin (Recommended)
The easiest and most powerful way to customize the WooCommerce My Account page is with the SysBasics Customize My Account for WooCommerce plugin. It’s free, has 8,000+ active installations, and is rated #1 on WordPress.org for the “my-account” tag.
🚀 Try the Live Demo — no installation needed.
Step 1: Install the Plugin
- Go to WordPress Admin → Plugins → Add New
- Search for “Customize My Account for WooCommerce”
- Click Install Now then Activate
Once activated, the plugin immediately improves the default styling of your My Account page — no configuration needed.
Step 2: Manage Endpoints and Navigation
Go to SysBasics → Customize My Account in your WordPress admin. Here you can:
- Reorder existing endpoints by drag and drop
- Rename default endpoints (e.g. change “Orders” to “My Purchases”)
- Hide endpoints you don’t need
- Add custom endpoints with shortcode content
- Add custom links, groups, separators and headings
- Control visibility per user role
Step 3: Use the Live Frontend Customizer
This is the plugin’s biggest feature. Click the green “My account live customizer” button in the WordPress admin bar to open a real-time preview of your My Account page.
- Switch navigation styles (Theme Default, Clean, React-Based)
- Enable or disable dashboard widgets with a single toggle
- Drag and drop to reorder dashboard sections
- Preview changes on Desktop and Mobile
- All changes save automatically via AJAX
Step 4: Enable the Customer Spending Dashboard
One of the most impressive free features is the spending overview dashboard. Go to the Live Customizer → Dashboard Widgets and enable Spending Boxes and Spending Chart. Customers can see at a glance how much they’ve spent with you over the past year.
Step 5: Enable User Avatar Upload
Go to Live Customizer → User Avatar to allow customers to upload a profile photo directly from their account page. Configure allowed formats, file size limits, webcam capture, and image cropping.
Step 6: Enable Shipment Tracking
Go to Live Customizer → Other Tools and enable Shipment Tracking. Add courier name, tracking number and URL to any order from WooCommerce admin. Customers see a clickable tracking link on their order pages — no third-party plugin required.
Step 7: Enable Google Social Login
The plugin includes Google social login for free. Enter your Google OAuth Client ID in plugin settings and customers can sign in with one click.
Before and After: WooCommerce My Account Page
- Astra — Before | After
- Woodmart — Before | After
- Divi — Before | After
- Hello Elementor — Before | After
- GeneratePress — Before | After
Frequently Asked Questions
Can I customize WooCommerce My Account page without coding?
Yes. The SysBasics plugin lets you fully customize the My Account page through a visual interface — no coding required.
How do I add a custom tab to WooCommerce My Account?
Install the plugin, go to SysBasics → Customize My Account, and click Add Endpoint. Give it a label, slug, and add your content using any shortcode. It appears instantly in the My Account navigation.
Does this work with my theme?
Yes. The plugin has been tested with 100+ popular WooCommerce themes including Astra, Woodmart, Divi, Hello Elementor, GeneratePress, Kadence, Neve, OceanWP, Avada, Flatsome, and many more.
Is the plugin free?
Yes, the core plugin is completely free on WordPress.org. A Pro version adds Banking App navigation, React-based navigation, profile completion wizard, and more.
Conclusion
Customizing your WooCommerce My Account page doesn’t have to be complicated. With the SysBasics plugin, you get a live frontend customizer, spending dashboard, shipment tracking, Google login, avatar upload, and full endpoint control — all for free.
👉 Download the free plugin on WordPress.org
🚀 Try the Live Demo — no installation needed.