WooCommerce My Account

WooCommerce My Account

WooCommerce "My Account" page customization

Description

WooCommerce My Account module lets you customize WooCommerce “My Account” page.

General Options

Add Order Status Actions
Let your customers change order status manually. Possible values: Pending payment; Processing; On hold; Completed; Cancelled; Refunded; Failed; Custom order statuses.
Default: None
Add User Role Selection to Registration Form
Let your customers choose their user role manually.
Default: no
Add User Role Selection to Registration Form: Default user role
Possible values: Guest; Administrator; Editor; Author; Contributor; Subscriber; Customer; Shop manager; Exempt Customer; Pending Vendor; Vendor; Custom user roles.
Default: Customer
Add User Role Selection to Registration Form: User roles options
Possible values: Guest; Administrator; Editor; Author; Contributor; Subscriber; Customer; Shop manager; Exempt Customer; Pending Vendor; Vendor; Custom user roles.
Default: Customer

Custom Info Blocks

Custom Info Blocks
Enables/disables section.
Default: no
Total Blocks
Sets number of total info blocks. Press Save changes to see new options.
Default: 1

Info Block #X

Content
Info block #X content. You can use HTML and/or shortcodes here.
Default: None
Position
Info block #X position. Possible values: Account content; Account dashboard; Account navigation; After account downloads; After account navigation; After account orders; After account payment methods; After available downloads; After customer login form; After edit account address form; After edit account form; After my account; Available download end; Available download start; Available downloads; Before account downloads; Before account navigation; Before account orders; Before account orders pagination; Before account payment methods; Before Available downloads; Before customer login form; Before edit account address form; Before edit account form; Before my account; Edit account form; Edit account form end; Edit account form start; Login form; Login form end; Login form start; Lost password form; Register form; Register form end; Register form start; Reset password form; View order.
Default: Account dashboard
Position Order (i.e. Priority)
Info block #X position priority.
Default: 10

Tips & Tricks

If you need to change menu color, size, icon etc., you can use CSS for that. Here are a couple of examples of what can be done. CSS can be added to Booster’s “Custom CSS” module, or to any other custom CSS tool or plugin.

/* Menu link customization */
li.woocommerce-MyAccount-navigation-link {
	font-size: large !important;
}

/* Menu customization */
.woocommerce-MyAccount-navigation {
	width: 100% !important;
}

/* Icon customization ("Dashboard") */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
	font-size: xx-small !important;
	float: left !important;
	margin-right: 15px !important;
	color: red !important;
	content: "\f3fa" !important;
}

/* Icon customization - hover ("Dashboard") */
.woocommerce-MyAccount-navigation-link--dashboard a:hover::before {
	color: #8bc34a !important;
}

/* Icon customization - hover ("Downloads") */
.woocommerce-MyAccount-navigation-link--downloads a:hover::before {
	color: #3256bf !important;
}

You can get codes for the icons (content: "\f3fa" !important; in the example above) here – https://fontawesome.com/cheatsheet.

Accessible through:
  • WooCommerce > Settings > Booster > Emails & Misc. > My Account
Tested on WooCommerce 3.4.7 and WordPress 4.9.8
Plugin can be downloaded here. If there are any locked fields in the module, you will need to get Booster Plus to unlock them.

Leave a Reply

Comments

12 Comments

  1. Raul July 10, 2017 at 11:23 am #

    Hi, is there any documentation about My Account? I don’t how it works to edit.

    Thanks

    Reply to thread

  2. Johannes January 26, 2018 at 7:26 pm #

    Yes, pls more documentation.

    – Johannes

    Reply to thread

  3. JamesO March 20, 2018 at 3:59 pm #

    The ‘My Accounts’ module does not do anything. I do not think it is complete yet. Can anyone from Booster please reply?

    Reply to thread

    • danielc April 10, 2018 at 10:25 pm #

      Hello JamesO,

      sorry for a late response, it works you can add custom content for example and after you enable the module of My account you can see the changes on http://www.youwebsite.com/my-account

      Best regards,
      Support Team

  4. arabsworks July 11, 2018 at 4:48 am #

    Hi,
    Kindly Can you improve the “WooCommerce My Account” module with real enhancement like:
    Option to edit the text of the menu options.
    Option to deactivate the menu option temporarily.
    Option to reorder the menus.
    Option to show the Custom Text Before or End of dashboard default text.
    Option to show or hide the dashboard hello message.
    Option to show or hide the recent order,billing and shipping address,edit your account details.
    Option to set Menu item text size in px.
    Option to set Menu item width size in %.
    Option to set the menu item icon font size.
    Option to set the margin between the menu item text and menu item icon.
    Option to change the menu icon color.
    Option to change the menu icon hover color.
    A user could upload a Profile Picture of choice
    Menu Style Options (Side Bar & Tab), to choose from
    Various Styling Options (like Menu Item Color, Logout Color etc.) could be set as per the choice
    Rearrange Menu Options as per requirement
    For any given Menu Option, we could Edit its a.) Name, b.) Label c.) Icon & d.) Content under that option
    Delete Hide any of the Menu Options
    Add unlimited number of Menu Options

    With Thanks,
    ArabsWorks

    Reply to thread

    • Booster Support Team July 12, 2018 at 5:11 pm #

      Hi,

      Thanks for the ideas. I’ve just implemented some of them – please download the development version here – https://booster.io/dev/. You will need to uninstall the old plugin version first (don’t worry your saved settings won’t disappear). If you are a Booster Plus user – please let me know (on tom@booster.io) your order number, and I will send you the development version for Plus.

      1. Option to edit the text of the menu options.
      > Added in the development version (in “WooCommerce > Settings > Booster > Emails & Misc. > My Account > Menu & Endpoints Options”).

      2. Option to deactivate the menu option temporarily.
      > Didn’t add this yet, but did you know that you can disable endpoints with standard WooCommerce options in “WooCommerce > Settings > Advanced > Page setup > Account endpoints” by leaving it blank to disable. Please let me know if that’s good enough.

      3. Option to reorder the menus.
      > Added in the development version ( “WooCommerce > Settings > Booster > Emails & Misc. > My Account > Menu & Endpoints Options > Customize Menu Order”).

      4. Option to show the Custom Text Before or End of dashboard default text.
      > I’ve checked the WooCommerce code, but unfortunately didn’t find a way to add text before the default text yet. As for adding it after – this can be done with Booster’s “My Account” module by adding “Custom Info Block” and setting position to “Account dashboard”.

      5. Option to show or hide the dashboard hello message.
      > Not done yet.

      6. Option to show or hide the recent order,billing and shipping address,edit your account details.
      > Not sure I understood this correctly. By “recent order” do you mean “Orders” menu? By “billing and shipping address” do you mean “Addresses” menu? By “edit your account details” do you mean “Edit account (Account details)” menu? If so, please check nr. 2.

      7. Option to set Menu item text size in px.
      8. Option to set Menu item width size in %.
      9. Option to set the menu item icon font size.
      10. Option to set the margin between the menu item text and menu item icon.
      11. Option to change the menu icon color.
      12. Option to change the menu icon hover color.
      > All this can be done with CSS. I’ve just added some examples, please check – https://booster.io/features/woocommerce-my-account/#tips

      13. A user could upload a Profile Picture of choice
      > Not done yet.

      14. Menu Style Options (Side Bar & Tab), to choose from
      > Not done yet. But probably you can do that with CSS, please check nr. 7 – 12.

      15. Various Styling Options (like Menu Item Color, Logout Color etc.) could be set as per the choice
      > Again, please check nr. 7 – 12.

      16. Rearrange Menu Options as per requirement
      > Isn’t that the same as nr. 3?

      17. For any given Menu Option, we could Edit its a.) Name, b.) Label c.) Icon & d.) Content under that option
      > Not sure I understood this correctly. a) Name – same as nr. 1? b) Label? c) Icon – please check nr. 7 – 12 d) content – you can do that with Booster’s “My Account” module by adding “Custom Info Block” and setting corresponding position (e.g.: “Before account downloads” or “After account downloads” will add content to the “Downloads” section).

      18. Delete Hide any of the Menu Options
      > Please check nr. 2.

      19. Add unlimited number of Menu Options
      > Not done yet.

      Please let me know what you think.

      P.S. If you like Booster, please leave us a rating.

      Best regards,
      Tom

      Booster Support Team
    • arabsworks July 13, 2018 at 11:12 am #

      WoW really excellent support from you Tom thanks,I was not expecting this quick development my first aim to point the need for ” WooCommerce My Account”module enhancement but so far so good and if you add the missing features which mentioned in the paragraphs (5,13,14,19) to tune this module to be the best enhancement for WooCommerce dashboard so all the user profile details can be view from one single page.

      Let me thank you again Tom for all your efforts and dedication.

    • Booster Support Team July 13, 2018 at 9:55 pm #

      Hi,

      Sure, happy to help! Also I’ve just added a couple more features in our development version:

      4. Option to show the Custom Text Before dashboard default text.

      5. Option to show or hide the dashboard “Hello …” message.

      6. Option to show or hide the dashboard “From your account dashboard you can view your recent orders …” message.

      19. Add unlimited number of Menu Options

      Hope that helps.

      Best regards,
      Tom

      Booster Support Team
    • tmhopper October 18, 2018 at 2:01 am #

      Question Booster Support Team

      these features you added in….are they in the plus version now?

      or are they still in a development package?

      I just downloaded the package today October 17th 2018

  5. tmhopper October 18, 2018 at 2:01 am #

    Question Booster Support Team

    these features you added in….are they in the plus version now?

    or are they still in a development package?

    I just downloaded the package today October 17th 2018

    Reply to thread

    • RokasJ October 18, 2018 at 11:23 am #

      Hi Tmhopper,

      These features should already be in the latest version and some of them may be available to free users. You can find them in WooCommerce > Settings > Booster > Emails & Misc. > My Account.

      Best regards,
      Rokas – Support Team

    • tmhopper October 19, 2018 at 4:30 pm #

      Thank you

      Question

      Is Booster ever going to make tutorial or demonstration videos to show the plugins in action?