WooCommerce My Account Page Visual Hooks Guide 2024
Leave a comment / By John Cook
This WooCommerce My Account Page visual hook guide comprises several different visual guides due to the different my account end points for the my account page. The my account page has versions for logged in and logged out users as well as different end points for orders, downloads, account details and billing methods. Use these WooCommerce My Account Page visual hook guides to enhance your my account page on your WooCommerce website.
WooCommerce My Account Page – User Logged Out – Login/Register Page
My Account
woocommerce_before_customer_login_form
Login
woocommerce_login_form_start
woocommerce_login_form
woocommerce_login_form_end
Register
woocommerce_register_form_start
woocommerce_register_form
register_form
woocommerce_register_form_end
woocommerce_after_customer_login_form
WooCommerce My Account Page – User Logged In – Dashboard
My Account
woocommerce_account_navigation
woocommerce_before_account_navigation
woocommerce_after_account_navigation
woocommerce_account_content
Hello John (not John? Sign out)
From your account dashboard you can view your recent orders, manage your shipping and billing addresses and edit your password and account details.
woocommerce_account_dashboard
WooCommerce My Account Page – User Logged In – Orders
Orders
woocommerce_account_navigation
woocommerce_before_account_navigation
woocommerce_after_account_navigation
woocommerce_account_content
woocommerce_before_account_orders (param: $has_orders)
Order | Date | Status | Total | |
---|---|---|---|---|
#1672 | Processing | $20.00 for 2 items | ||
#1565 | Refunded | $46.50 for 2 items | ||
#1524 | Completed | $54.99 for 3 items | ||
#1521 | Completed | $12.80 for 1 item | ||
#1520 | On Hold | $32.00 for 4 items |
woocommerce_before_account_orders_pagination
woocommerce_after_account_orders (param: $has_orders)
WooCommerce My Account Page – User Logged In – Downloads
Downloads
woocommerce_account_navigation
woocommerce_before_account_navigation
woocommerce_after_account_navigation
woocommerce_account_content
woocommerce_before_account_downloads (param: $has_downloads)
woocommerce_before_available_downloads
File | Remaining | Expires | |
---|---|---|---|
Download – Test | 2 | Never | |
Download – Infinity | ∞ | Never |
woocommerce_after_available_downloads
woocommerce_after_account_downloads
WooCommerce My Account Page – User Logged In – Addresses
Downloads
woocommerce_account_navigation
woocommerce_before_account_navigation
woocommerce_after_account_navigation
woocommerce_account_content
woocommerce_before_edit_account_address_form
The following addresses will be used on the checkout page by default.
Billing Address
Hello ThisIs
Main
Street, CA 32444
United States (US)
Shipping Address
Hello ThisIs
Main
Street, CA 32444
United States (US)
woocommerce_after_edit_account_address_form
WooCommerce My Account Page – User Logged In – Edit Addresses
Downloads
woocommerce_account_navigation
woocommerce_before_account_navigation
woocommerce_after_account_navigation
woocommerce_account_content
woocommerce_before_edit_account_address_form
Billing Address
woocommerce_before_edit_address_form_{$load_address}
woocommerce_after_edit_address_form_{$load_address}
Update the billing used for all of my active subscriptions
woocommerce_after_edit_account_address_form
WooCommerce My Account Page – User Logged In – Payment Methods
Downloads
woocommerce_account_navigation
woocommerce_before_account_navigation
woocommerce_after_account_navigation
woocommerce_account_content
woocommerce_before_account_payment_methods (param: $has_methods)
Method | Expires | |
---|---|---|
Visa ending in 4242 | 12/25 |
woocommerce_after_account_payment_methods (param: $has_methods)
WooCommerce My Account Page – User Logged In – Account Details
Account Details
woocommerce_account_navigation
woocommerce_before_account_navigation
woocommerce_after_account_navigation
woocommerce_account_content
woocommerce_before_edit_account_form
woocommerce_edit_account_form_start
Password Change
woocommerce_edit_account_form
woocommerce_edit_account_form_end
woocommerce_after_edit_account_form