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
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 );