Helping you build a better website
(and other interesting web stuff)

CSSHTMLJavaScriptjQueryMSSQLMySQLPHPSilvaTechnologiesWordpress
Silva Web Designs - Blog

WooCommerce Visual Hook Guide for the Checkout Page – Cheatsheet

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

 

Nathan da Silva - Profile

Posted by: Nathan da Silva

Nathan is the Founder of Silva Web Designs. He is passionate about web development and web site design. His expertise is WordPress & Magento as well as many other frameworks. Would you like to work with Nathan? Send him an email on [email protected]

It’s good to share

Join the discussion