We are on vacation till 12 July. Support replies might be slower than before. Thank you for being patient and considerate.

wpmet-website-logo
  • Home
  • Plugins
    • ElementsKit
    • ShopEngine
    • MetForm
    • WP Social
    • WP Fundraising
    • Wp Ultimate Review
  • About
  • Blog
  • Support
  • Contact
  • My Account
wordpress plugin

How to Customize WooCommerce My Account Page: Step by Step

SanjidaSanjida Updated on: March 30, 2022 WordPress Elementor ShopEngine Tutorials WooCommerce 8 Min Read
How to Customize my Account Dashboard with ShopEngine

Are you tired of your customers’ boring WooCommerce my account page on your website? 😣

Looking for an easy way for your WooCommerce my account page customization? Then you’re at the right place…

There’s much more you can do with this necessary WooCommerce my account page element of your eCommerce site for a better customer experience.

However, the WooCommerce My Account page customization can be really complicated and inconvenient.

As a result, we’re here to give you full exposure to one of the finest and easiest methods to customize the WooCommerce My Account page will ease.

Installing a WooCommerce plugin that has pre-built my account templates with multiple WooCommerce functionalities, will save a lot of your time and money.

Fortunately, there are numerous areas where you can make modifications as well. Always remember that a complete modification to the My Account page so that all of your clients have a consistent experience.

Contents hide
Why WooCommerce My Account Page Customization is Important?
WooCommerce My Account Page Customization with ShopEngine
Create WooCommerce My Account Page from Scratch
Getting Started
My Account Dashboard
My Account Order Details
My Account Downloads
My Account Addresses
My Account Details
My Account Wishlist
My Account Login/Register
More Resources
Wrapping Up

Why WooCommerce My Account Page Customization is Important?

The account page is one of the fundamental aspects of Woo stores as our clients may require more options on their account page. They may want to include other crucial details such as payment options, websites, addresses, and so on.

You may also prefer to change the account page layouts, colors, and text styling on their account page, which is quite common in today’s date. As all the WooCommerce users are aware that they aren’t possible by default with Woo system.

WooCommerce, My Account Page Customization Wpmet
WooCommerce

Adding codes for these, as well as any other changes is the obvious approach. You can also customize the WooCommerce My Account page with one of the WooCommerce My Account page customization plugins. 

Installing a WooCommerce extension or customizing it from scratch on your WordPress website is without a doubt two of the greatest solution that one could choose.

WooCommerce My Account Page Customization with ShopEngine

This method is much simpler. There are multiple WooCommerce account page dashboard plugins available in WordPress. Which will help you to create and customize your my account page, in just a minute! 🥱

All you have to do is just select an account page template WooCommerce plugins. Which has various pre-build woocommerce dashboard templates options that will save a lot of your time and energy. 

One of the major parts of having an eCommerce store is allowing consumers to create their own My Account Page. That helps them to save and share information, account details, and billing addresses with you, which makes their shopping experience more convenient.

– quadlayers
ShopEngine Most Complete WooCommerce My Account Page Customization Solution
Most Complete WooCommerce Solution

ShopEngine’s Account page template is easy to customize, provides hassle-free navigation, and allows users to take action from a single page.

Here are the key features that make ShopEngine My Account Template unique:

  • High in customization and user-friendly pre-built interface.
  • The text of the menu options can be edited.
  • You can temporarily disable menu options.
  • The menus can be reordered.
  • ShopEngine is compatible with any theme and plugin/s.

It also has a user-friendly add new section in the account page template. You can also add an introductory login form. After that, they can enter the dashboard where users can input their orders, last order conditions, address, and all other account details.

For each section, you can conveniently use ShopEngine’s ready widgets. The template makes the process effortless, and there is no chance of any error. 

Now we will look into how you can create your customer account page in a new avatar with ShopEngine’s build-in account pages templates and widgets. Here you’ll be able to create and customize an intuitive WordPress dashboard for WooCommerce just the way you prefer. 

So, let’s begin with the tools first! 😉

Create WooCommerce My Account Page from Scratch

Typically WooCommerce installation automatically creates my account page with its default settings. And we’re going to edit that defaulted page with something that we prefer to have on our page.

First up we will install and activate ShopEngine which will help us add up the templates super easily and simply.

For that, all you need to do is go to Admin Dashboard > hover over Plugins > click on Add New and search ShopEngine.

How to Install ShopEngine
How to Install ShopEngine

After that simply click on Install Now > Activate. Then hover over Pages and click on All Pages.

How to Customize WooCommerce Account Dashboard
How to Customize WooCommerce Account Dashboard

There you will get to see all sorts of default My Account pages that WooCommerce has created for your eCommerce store.

 How to Customize WooCommerce Account Dashboard
How to Customize WooCommerce Account Dashboard

Now you are probably seeing all the defaulted WooCommerce pages. As we’re fixing my account page only, all we have to do now is just put our cursor on My account – My Account Page and click on Edit below the title. 

  How to Customize WooCommerce Account Dashboard
How to Customize WooCommerce Account Dashboard

What you will see there is something like this below, just a shortcode of the default WooCommerce my account page.

   How to Customize WooCommerce Account Dashboard
How to Customize WooCommerce Account Dashboard

And this second image is how your customers will see their my account dashboard when they login to your site.

Default WooCommerce Account Dashboard
Default WooCommerce Account Dashboard

Do keep in mind that it varies from theme to theme, mine is built on WordPress default theme. However, the context should be the same. 

Getting Started

Hover over ShopEngine > click Widgets, there will find your widget library. Do keep in mind that the My Account widgets bundle only comes with ShopEngine Pro.

Getting Started with ShopEngine
Getting Started with ShopEngine

My Account Dashboard

Make sure your Account Dashboard is turned on. And to do that go to the Widgets section > My Account Dashboard > Enable the Button

Enable My Account Dashboard
Enable My Account Dashboard

Now go to Template Builder and click Add New. There you’ll find all types of templates.

Customizing My Account Dashboard Template
Customizing My Account Dashboard Template

Select Account Dashboard > enable Set Default button > choose your dashboard template design, here you can select either the Blanck Page and start building your own design. Or you can simply select the Pre-Built Design and customize it just the way you like it. After that click Edit with Elementor.

Customizing My Account Dashboard Template
Customizing My Account Dashboard Template

And you’re done! All you should do now is customize anything you want to change.

Account Dashboard widget for Elementor will let you customize text color, text and link font-weight, user color, user font-weight, link color, link hover color, link text-decoration, typography, and space between in px.

Customizing My Account Dashboard Template
Customizing My Account Dashboard Template

At the end don’t forget to click Save and Preview.

End Result of My Account Dashboard
End Result of My Account Dashboard

Now let’s move to the next one.

My Account Order Details

The Account Orders widget is intended to be used on the Account Orders page. ShopEngine offers the Account Orders widget to let you change and customize the Account Orders style as per your choice. 

Again make sure your My Account Order widget is turned on. And to do that ShopEngine > click Widgets > My Account Orders.

Customizing My Account Order Details Template
Customizing My Account Order Details Template

Now got to Template Builder and click Add New. There you’ll find all types of templates.

Customizing My Account Dashboard Template
Customizing My Account Order Template

Select Type > enable Set Default button > choose your dashboard template design, here you can select either the Blank Page and start building your own design. Or you can simply select the Pre-Built My Account Order Design and customize it just the way you like it. After that click Edit with Elementor.

Customizing My Account Order Details Template
Customizing My Account Order Details Template

Account Orders widget for Elementor will let you customize the table heading, table body, typography, address details, action buttons, and pagination button.

Customizing My Account Order Details Template
Customizing My Account Order Details Template

Moving one…

My Account Downloads

The Account Downloads widget is intended to be used on any My Account Downloads template. ShopEngine offers the Account Downloads widget to let you change and customize the Account Downloads style as per your preference.

From the WordPress admin dashboard, go to ShopEngine > Widgets. From the list of My account widgets, turn the Account Downloads widget ON. 

Customizing My Account Downloads Template
Customizing My Account Downloads Template

Now go to Template Builder and click Add New. There you’ll find all types of templates.

Customizing My Account Downloads  Template
Customizing My Account Downloads Template

Give your template a Name > Select Type > enable Set Default button > choose your dashboard template design, here you can select either the Blank Page and start building your own design. Or you can simply select the Pre-Built My Account Downloads Design and customize it just the way you like it. After that click Edit with Elementor to see the magic!

Customizing My Account Download Template
Customizing My Account Downloads Template

Now it’s time for your personalization. The account Downloads widget for Elementor will let you customize the table heading, table body, and the download button of the My Account Downloads page.

Customizing My Account Downloads Template
Customizing My Account Downloads Template

Let’s jump into the next one!

My Account Addresses

Repeat the same procedure navigate in the widget bar, turn on the Account Address. You will see the widget in the list.

 Customizing My Account Address Template
Customizing My Account Address Template

Now got to Template Builder and click Add New. There you’ll find all types of templates.

Customizing My Account Downloads  Template
Customizing My Account Address Template

Then select Type > enable Set Default button > choose your dashboard template design, here you can select either the Blank Page and start building your own design. Or you can simply select the Pre-Built My Account Address Design and customize it just the way you like it. After that click Edit with Elementor to see the magic!

Now you will see the default account address widget layout. You can also choose the ‘Billing Address Form’ or ‘Shopping Address Form’ as the layout.

 Customizing My Account Address Template
Customizing My Account Address Template

On the Address Type settings, you will see the default account address widget layout. You can also choose the ‘Billing Address Form’ or ‘Shopping Address Form’ as the layout.

 Customizing My Account Address Template
Customizing My Account Address Template

To customize the Account Address section, select the options from the left bar. There are tons of customization options for the widget, such as Title, Label, Form Input, Font, Form Button, etc.

 Customizing My Account Address Template
Customizing My Account Address Template

All good, now let’s move to the next one!

My Account Details

Your customers might want to change the Account Details when they needed. ShopEngine’s ‘Account Details’ Widget makes it easy to integrate the feature.

At first, don’t forget to turn on your Account Details widget. Hover over ShopEngine > click Widgets > scroll down to My Account > Enable Account Details.

  Customizing My Account Details Template
Customizing My Account Details Template

Now go to your Elementor Editors Dashboard and search Account Details. Drag and drop the widget to get it all fixed.

  Customizing My Account Details Template
Customizing My Account Details Template

It’s for some editing. From the widget option panel, you can customize the layout. There are multiple styling options like Label style, Input style, Form, Button, you also have options for Global fonts.

  Customizing My Account Details Template
Customizing My Account Details Template

Moving on to the next one!

My Account Wishlist

To integrate the Wishlist option in your my account dashboard you need to configure the module first. Just go to ShopEngine > click on Modules > select Wishlist, turn it ON > click Save Changes.

   Customizing My Account Wishlist
Customizing My Account Wishlist

Now simply visit your store page and check if it has been embedded properly or not.

My Account Wishlist
My Account Wishlist

You can check on your My Account Dashboard Wishlist option right after enabling the module. As it updates automatically, easy and simple!

   Customizing My Account Wishlist
My Account Wishlist

We’ve almost come to the end of our My Account Dashboard segment.

My Account Login/Register

Again make sure your Account Login and Account Register widget is turned ON.

 Customizing My Account Login/Register
Customizing My Account Login/Register

Now create your My Account Login/Registration template. Go to Builder Templates > Add New > Select your Template type > Set default > Select the Sample Design > click on Edit with Elementor.

    Customizing My Account Login/Register
Customizing My Account Login/Register

It’s for some customization now. From the widget option panel, you can customize the layout. There are multiple styling options like Label style, Input style, Form, Button, you also have options for Global fonts.

    Customizing My Account Login/Register
Customizing My Account Login/Register

Congrats you’re all set! 😄

🤷🏻‍♀️ Why should I choose ShopEngine?


Well, the reasons are simple, with ShopEngine you will get a full package of 62+ Fully Customizable Widgets, 12+ Useful Modules, 15+ pre-designed templates, that will make your WooCommerce store faster, smarter, better!

Moreover, it also has 24/7 helpful community support.

View ShopEngine 🧐
Download ShopEngine 😍

More Resources

For better WooCommerce understanding checkout our latest blogs:

✅ How to Customize WooCommerce Shop Page
✅ How to Customize the WooCommerce Product Page
✅ 10 Useful & Best Shopping Cart Plugins for WordPress & WooCommerce 2021

Wrapping Up

Finally, customizing the My Account page is now complete, I hope that the article was helpful enough to provide you a clear picture of the WooCommerce my account page customization.

The WooCommerce my account default page is rather minimal, despite the fact that it contains vital information about your users. As a result, by editing it, you may get a leg up on your competition and make the most of your wooCommerce site.

Please leave a comment below if you have any queries regarding the ShopEngine or My Account Page customization, we’re always here to help you.

Facebook
Twitter
Youtube

If you liked this article, you will surely find some more helpful tips and blogs by joining our Wpmet community follow us on Facebook/Twitter. Lastly, please don’t forget to subscribe to our channel on YouTube for useful tutorials.

  • Share :

ShopEngine LTD Giveaway- Congratulations to the lucky Winners

Previous post

How to Add Custom User Roles in Your WordPress Website Without Coding

Next post

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Get Subscribed Today!

wpmet-website-logo
© 2022, Wpmet. All Rights Reserved. Built with ElementsKit.
Elements Kit
ShopEngine
Metform
Wp Fundraising
WP Social
Wp Ultimate Review
About us
Contact us
Refund Policy
Support
Login/Register
Collaborate
Affiliates
Affiliate Area
Privacy Policy
Terms and Conditions
Refund Policy
Payment systems accepted by Wpmet

Wpmet is not affiliated with or endorsed by Open Source Matters or the WordPress Project. The CMS logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Opt out!.
Cookie SettingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
Vendor/Partner
SAVE & ACCEPT