Home » WooCommerce Visual Hook Guide: Checkout Page

WooCommerce Visual Hook Guide: Checkout Page

by Tutor Aspire

Here’s a visual HTML hook guide for the WooCommerce Checkout Page.

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 easily copy & paste. Enjoy!

WooCommerce Checkout Page [Visual Hook Guide]

woocommerce_before_checkout_form

–> “Have a coupon?” section

woocommerce_checkout_before_customer_details

Billing Details

woocommerce_before_checkout_billing_form

woocommerce_after_checkout_billing_form


woocommerce_before_checkout_shipping_form

woocommerce_after_checkout_shipping_form

woocommerce_before_order_notes

woocommerce_after_order_notes

woocommerce_checkout_after_customer_details

Your order

woocommerce_checkout_before_order_review

Product Total
woocommerce_review_order_before_cart_contents
Test product  × 1 €1,00
woocommerce_review_order_after_cart_contents
Subtotal €1,00
woocommerce_review_order_before_shipping
Shipping
woocommerce_review_order_after_shipping
woocommerce_review_order_before_order_total
Total €1,00
woocommerce_review_order_after_order_total

woocommerce_review_order_before_payment

  • Please send your cheque to Store Name, Store Street, Store Town, Store State / County, Store Postcode.

woocommerce_review_order_before_submit

woocommerce_review_order_after_submit

woocommerce_review_order_after_payment

woocommerce_checkout_after_order_review

woocommerce_after_checkout_form

WooCommerce Checkout Page Default add_actions

// These are actions you can unhook/remove!

add_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_login_form', 10 );
add_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 );
add_action( 'woocommerce_before_checkout_form', 'woocommerce_output_all_notices', 10 );

add_action( 'woocommerce_checkout_billing', array( self::$instance, 'checkout_form_billing' ) );
add_action( 'woocommerce_checkout_shipping', array( self::$instance, 'checkout_form_shipping' ) );

add_action( 'woocommerce_checkout_order_review', 'woocommerce_order_review', 10 );
add_action( 'woocommerce_checkout_order_review', 'woocommerce_checkout_payment', 20 );

You may also like