WooCommerce My Account

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.__ALG_REMOVE__

Default: None

Add User Role Selection to Registration Form

Let your customers choose their user role manually.__ALG_REMOVE__

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.__ALG_REMOVE__

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.__ALG_REMOVE__

Default: Customer

Custom Info Blocks

Custom Info Blocks

Enables/disables section.__ALG_REMOVE__

Default: no

Total Blocks

Sets number of total info blocks. Press Save changes to see new options.__ALG_REMOVE__

Default: 1

Info Block #X

Content

Info block #X content. You can use HTML and/or shortcodes here.__ALG_REMOVE__

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.__ALG_REMOVE__

Default: Account dashboard

Position Order (i.e. Priority)

Info block #X position priority.__ALG_REMOVE__

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.

<br />
/* Menu link customization */<br />
li.woocommerce-MyAccount-navigation-link {<br />
	font-size: large !important;<br />
}</p>
<p>/* Menu customization */<br />
.woocommerce-MyAccount-navigation {<br />
	width: 100% !important;<br />
}</p>
<p>/* Icon customization (“Dashboard”) */<br />
.woocommerce-MyAccount-navigation-link–dashboard a::before {<br />
	font-size: xx-small !important;<br />
	float: left !important;<br />
	margin-right: 15px !important;<br />
	color: red !important;<br />
	content: “\f3fa” !important;<br />
}</p>
<p>/* Icon customization – hover (“Dashboard”) */<br />
.woocommerce-MyAccount-navigation-link–dashboard a:hover::before {<br />
	color: #8bc34a !important;<br />
}</p>
<p>/* Icon customization – hover (“Downloads”) */<br />
.woocommerce-MyAccount-navigation-link–downloads a:hover::before {<br />
	color: #3256bf !important;<br />
}<br />

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

Tested on WooCommerce 5.2.2 and WordPress 5.7.1