Back to Blog

WooCommerce Visual Hook Display: WooCommerce Checkout Page Hooks – Easy Visual hook guide

See our visual guide explaining all the available WooCommerce checkout page hooks for you to use.


StoreCustomizer - WooCommerce checkout page hooks

There are a bunch of WooCommerce checkout page hooks available on the checkout page so that you can add your own functions to the theme you’re using, and easily add any needed functionality to your online stores checkout page.

Simply grab the name of one of the WooCommerce checkout page hooks from the visual guide below and scroll a bit further to read an example of how to implement it with your themes functions.php file.

Also, have a look at our free StoreCustomizer plugin which has offers a lot of extra useful features for your checkout page in WooCommerce. The StoreCustomizer plugin lets you remove certain checkout fields, customize the WooCommerce “Place Order” button, edit text and add extra text to certain checkout areas.

Visual display of the WooCommerce Checkout Page Hooks:

Checkout

woocommerce_before_checkout_form
Have a coupon? Click here to enter your code
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
StoreCustomizer Pro
$39.00
Elation
$21.00
Overlay
$29.00
woocommerce_review_order_after_cart_contents
SubTotal
$89.00
woocommerce_review_order_before_shipping
Shipping
woocommerce_review_order_after_shipping
woocommerce_review_order_before_order_total
Total
$89.00
woocommerce_review_order_after_order_total
woocommerce_review_order_before_payment
Sorry, it seems that there are no available payment methods for your state. Please contact us if you require assistance or wish to make alternate arrangements.

Your personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our privacy policy.

woocommerce_review_order_before_submit
woocommerce_review_order_after_submit
woocommerce_review_order_after_payment
woocommerce_checkout_after_order_review
woocommerce_after_checkout_form

Available WooCommerce Checkout Page Hooks:

All of these hooks are available on your WooCommerce Store Checkout page, the hooks are self explanatory as to where the will place your new code, but do also refer to the visual hook guide if you’re not 100% sure on where exactly they hook into on your checkout page.

If your theme is overriding the WooCommerce templates then it’s possible that these hooks could be missing, or placed in a slightly different position.

Happy Coding!

How to use a PHP hooks on your website:

To use any of these WooCommerce checkout page hooks you will need a little understanding of php code… You can add the following function to your website using by creating a child theme and then adding this code to the child themes functions.php file, or you can install our Site Customizations plugin and add the php code via the php file provided.

If you are not comfortable using code then please try out our StoreCustomizer plugin which offers a lot of useful functionality using all these hooks for you to customize your WooCommerce store… No coding knowledge needed.

/*
* My Custom Function
*/
function my_custom_function( array $params ) {
// Some Code Here
}
add_filter( 'woocommerce_after_checkout_form​', 'my_custom_function', 20 );

Our free StoreCustomizer plugin offers different functionality to add sold out banners, product sales statistics, stock amounts and lots more to your WooCommerce shop page, all from a visual interface so you don’t need to touch any code… Have a look yourself and see what all StoreCustomizer offers.