Hey WooCustomizers, the Visual Hook Guide is back 🙂

In this episode, I’ve created a visual HTML hook guide for the WooCommerce Account Pages (there are multiple pages such as the My Account as logged in user, My Account as logged out, etc). This visual guide belongs to my “Visual Hook Guide Series“, that I’ve put together so that you can find WooCommerce hooks quickly and easily by seeing their actual locations – and you can also copy & paste in seconds unlike other “hook sniffer plugins” out there. Let me know in the comments what you think about this resource!

Enjoy!

WooCommerce My Account Page – User Logged Out – Login/Register Page [Visual Hook Guide]

My Account

woocommerce_before_customer_login_form

Login

woocommerce_login_form_start

woocommerce_login_form

Lost your password?

woocommerce_login_form_end

Register

woocommerce_register_form_start

woocommerce_register_formregister_form

woocommerce_register_form_end

woocommerce_after_customer_login_form

WooCommerce My Account Page – User Logged In – Dashboard [Visual Hook Guide]

My Account

woocommerce_account_content

Hello Rodolfo (not Rodolfo? 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 [Visual Hook Guide]

Orders

woocommerce_account_contentwoocommerce_before_account_orders (param: $has_orders)

woocommerce_before_account_orders_pagination

woocommerce_after_account_orders (param: $has_orders)

WooCommerce My Account Page – User Logged In – Downloads [Visual Hook Guide]

Downloads

woocommerce_account_contentwoocommerce_before_account_downloads (param: $has_downloads)

woocommerce_before_available_downloads

FileRemainingExpires 

Download – Test
NeverDownload

woocommerce_after_available_downloads

woocommerce_after_account_downloads

WooCommerce My Account Page – User Logged In – Addresses [Visual Hook Guide]

Addresses

woocommerce_account_contentwoocommerce_before_edit_account_address_form

The following addresses will be used on the checkout page by default.

Billing Address

Edit

Hello This
Is
Main
Street, CA 32444
United States (US)

Shipping Address

Edit

Hello This
Is
Main
Street, CA 32444
United States (US)

woocommerce_after_edit_account_address_form

WooCommerce My Account Page – User Logged In – Edit Address [Visual Hook Guide]

Addresses

woocommerce_account_contentwoocommerce_before_edit_account_address_form

Billing Address

woocommerce_before_edit_address_form_{$load_address}

woocommerce_after_edit_address_form_{$load_address}

woocommerce_after_edit_account_address_form

WooCommerce My Account Page – User Logged In – Payment Methods [Visual Hook Guide]

Payment Methods

woocommerce_account_contentwoocommerce_before_account_payment_methods (param: $has_methods)

woocommerce_after_account_payment_methods (param: $has_methods)

Add Payment Method

WooCommerce My Account Page – User Logged In – Account Details [Visual Hook Guide]

Account Details

woocommerce_account_contentwoocommerce_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

woocommerce_before_customer_login_form

Login

woocommerce_login_form_start

woocommerce_login_form

Lost your password?

woocommerce_login_form_end

Register

woocommerce_register_form_start

woocommerce_register_formregister_form

woocommerce_register_form_end

woocommerce_after_customer_login_form

woocommerce_account_content

Hello Rodolfo (not Rodolfo? 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_account_contentwoocommerce_before_account_orders (param: $has_orders)

woocommerce_before_account_orders_pagination

woocommerce_after_account_orders (param: $has_orders)

woocommerce_account_contentwoocommerce_before_account_downloads (param: $has_downloads)

woocommerce_before_available_downloads

FileRemainingExpires 

Download – Test
NeverDownload

woocommerce_after_available_downloads

woocommerce_after_account_downloads

woocommerce_account_contentwoocommerce_before_edit_account_address_form

The following addresses will be used on the checkout page by default.

Billing Address

Edit

Hello This
Is
Main
Street, CA 32444
United States (US)

Shipping Address

Edit

Hello This
Is
Main
Street, CA 32444
United States (US)

woocommerce_after_edit_account_address_form

woocommerce_account_contentwoocommerce_before_edit_account_address_form

Billing Address

woocommerce_before_edit_address_form_{$load_address}

woocommerce_after_edit_address_form_{$load_address}

woocommerce_after_edit_account_address_form

woocommerce_account_contentwoocommerce_before_account_payment_methods (param: $has_methods)

woocommerce_after_account_payment_methods (param: $has_methods)

Add Payment Method

woocommerce_account_contentwoocommerce_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

Share:

Leave a Reply