Hi all, so today we’ve created a visual HTML hook guide for the WooCommerce Checkout Page. In here you will find all the necessary hooks needed for the WooCommerce checkout page and visually see their location – and you can also simply copy & paste 🙂
woocommerce_before_checkout_form
–> “Have a coupon?” section
woocommerce_checkout_before_customer_details
Billing Details
woocommerce_before_checkout_billing_form
>
woocommerce_after_checkout_shipping_form
woocommerce_before_order_notes
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_checkout_order_review', 'woocommerce_order_review', 10 );
add_action( 'woocommerce_checkout_order_review', 'woocommerce_checkout_payment', 20 );
