• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Essential Premium WooCommerce Plugins - WP Desk
  • Plugins
  • Bundle
  • Support
  • Blog
  • My Account
  • 0

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

Maciej Swoboda

WooCommerce Checkout Hooks - A Visual Guide with Examples

Updated: January 23, 2023 / Checkout, Tech Posts

WooCommerce is extremely friendly for developers because it has a ton of actions and filters - or just hooks. We use them often when we develop WooCommerce plugins or tweak our checkout process, here at WP Desk. That's why we created this article about WooCommerce checkout page hooks. We hope that this visual hook guide helps every WooCommerce developer to navigate through hooks.

Table of contents

  1. WooCommerce Checkout Hook Visual Guide
  2. Checkout hooks list
  3. Remove the default actions on the checkout page
  4. Add new sections to the checkout page
  5. Custom Fields in WooCommerce Checkout Page

WooCommerce Checkout Hooks - Visual Guide

👇🏻 Below you will find all hooks available on the WooCommerce checkout page. This guide is based on the official WooCommerce theme Storefront. To make the screenshot more readable I tweaked the checkout page to display it in one column.

WooCommerce Checkout Hooks Visual Guide
WooCommerce Checkout Hooks - Hook Visual Guide - Click to enlarge

Checkout hooks list

  • woocommerce_before_checkout_form
  • woocommerce_checkout_before_customer_details
  • woocommerce_checkout_billing
  • woocommerce_before_checkout_billing_form
  • woocommerce_after_checkout_billing_form
  • woocommerce_before_checkout_registration_form
  • woocommerce_after_checkout_registration_form
  • woocommerce_checkout_shipping
  • woocommerce_before_checkout_shipping_form
  • woocommerce_after_checkout_shipping_form
  • woocommerce_before_order_notes
  • woocommerce_after_order_notes
  • woocommerce_checkout_after_customer_details
  • woocommerce_checkout_before_order_review_heading
  • woocommerce_checkout_order_review
  • woocommerce_checkout_before_order_review
  • woocommerce_review_order_before_cart_contents
  • woocommerce_review_order_after_cart_contents
  • woocommerce_review_order_before_shipping
  • woocommerce_after_shipping_rate
  • woocommerce_review_order_after_shipping
  • woocommerce_review_order_before_order_total
  • woocommerce_review_order_after_order_total
  • woocommerce_review_order_before_payment
  • woocommerce_checkout_before_terms_and_conditions
  • woocommerce_checkout_after_terms_and_conditions
  • woocommerce_review_order_before_submit
  • woocommerce_review_order_after_submit
  • woocommerce_review_order_after_payment
  • woocommerce_checkout_after_order_review
  • woocommerce_after_checkout_form

Remove the default actions on the checkout page

👉🏽 By default, some hooks are used by WooCommerce to add:

  • login form before checkout form (woocommerce_checkout_login_form)
  • coupon form before checkout form (woocommerce_checkout_coupon_form)
  • order review table to the order review section (woocommerce_order_review)
  • payments table also to the order review section (woocommerce_checkout_payment)

You can easily remove these sections by pasting the following code to the functions.php file in your theme or preferably child theme.

Add your own sections to the checkout page

👉🏽 You can also easily add some texts or sections to the checkout page and you do not need to edit WooCommerce templates! The following easy example shows how to add "hello" text above the checkout form like this:

Add text WooCommerce Checkout Page
WooCommerce hooks checkout page: Add "hello" text before the WooCommerce checkout form

Custom Fields in WooCommerce Checkout Page

The above examples show how to add some texts with simple code snippets to the checkout page using hooks. But what about custom checkout fields?

Doing this with custom coding would require much more work, but luckily there is a plugin that will help you add custom fields to any available custom sections in the WooCommerce checkout, without using a hook and custom code.

You can add fields to the default billing or shipping sections, but also those available with WooCommerce checkout hooks. Sweet! Try it!

Custom fields in WooCommerce checkout

Use this plugin for WooCommerce hooks and customize your WooCommerce checkout.

Add to cart or View Details
WP Desk
80,000+ Active Installations
Last Updated: 2023-03-15
Works with WooCommerce 7.1 - 7.5.x
💡 Here is a link to one of our Youtube playlists, which contains all video tutorials concerning the Flexible Checkout Fields plugin.

Did these examples work for you?

Did you try to use the code snippets that I provided above? Do you use our Flexible Checkout Fields plugin and have some questions? We will try to help and answer any questions about WooCommerce checkout hooks or a specific hook from the visual guide you might have. Just let us know in the comments.

Related to WooCommerce hooks checkout page

  • All about WooCommerce cart hooks

    wc cart hooks
    WooCommerce cart hooks. A visual guide with examples. This is another the next post in the WooCommerce Hooks Visual Guide serie.

  • All about Checkout page customization

    woocommerce
    Checkout page customization. Customize checkout form your own way with a free plugin. It's so easy!

Tweet

3 minutes read34697 views

Maciej Swoboda

Founder of WP Desk, in love with WordPress since 2006. He believes in the power of WP community, speaks at WordCamps around the world and helps people build better businesses with WooCommerce.

Developer's Guide WooCommerce Hooks Visual Guides

Powered by WP Desk

WP Desk brings you great WooCommerce plugins. We strive to save your time and money by speeding up your processes. Use our plugins to build a better store. Awesome support included in the package.

Premium WooCommerce Plugins →

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

WP Desk › Checkout › WooCommerce Checkout Hooks - A Visual Guide with Examples

Footer

WP Desk - WooCommerce Plugins

At WP Desk we create great WooCommerce plugins with awesome support. Save time and money with our e-commerce solutions. See how we can help you improve your e-store →

Secured by Comodo

WP Desk

  • About us
  • Giving Back
  • Blog
  • Contact us

Products

  • Premium Plugins
  • Get Support
  • WooCommerce Invoices
  • Email Marketing
  • Octolize

Legal

  • Terms & Conditions
  • Refund Policy
  • Support Policy
  • Privacy Policy

© 2023 WP Desk