WordPress / Web Development Tutorials
(Best WordPress Tutorials)

CSSHTMLJavaScriptjQueryMySQLPHPSilvaTechnologiesWooCommerceWordpress
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, website design and basically anything digital-related. His main expertise is with WordPress and various other CMS frameworks. If you need responsive design, SEO, speed optimisation or anything else in the world of digital, you can contact Silva Web Designs here; [email protected]

It’s good to share

Join the discussion