• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Essential Premium WooCommerce Plugins - WP Desk
  • Plugins
  • 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 28, 2022 / 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 WooCommerce checkout hooks guide, to help every developer beginner or advanced to find the hooks he is looking for.

This is a first post in a WooCommerce Hooks Visual Guide series. Make sure to read every one of them to find out everything about WooCommerce hooks and where to find them.

WooCommerce Checkout Hooks - Visual Guide

Below you will find all hooks available in 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 in one column.

To see it in action on a live page, scroll to the live guide ↓

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

WooCommerce Checkout Hooks - Live Visual Guide

Apart from the static visual guide above we created the whole WooCommerce checkout experience on a live page, so you can view all hooks lice, click through the whole checkout process or even manipulate it with your developer tools in the browser.

Visit the live WooCommerce checkout hooks guide by clicking the button below:

See Checkout Hooks in Action →

Remove the default actions on the checkout page

By default only some of the 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 easy 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
Add "hello" text before WooCommerce checkout form

Custom Fields in WooCommerce Checkout Page

The above examples show how to add some texts with simple code snippets to the WooCommerce checkout page. 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.

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

Custom fields in WooCommerce checkout

The best looking Checkout Fields plugin. Add, edit, remove WooCommerce checkout fields with a visual interface. Customize your WooCommerce checkout.

Add to cart or View Details
WP Desk
70,000+ Active Installations
Last Updated: 2022-08-10
Works with WooCommerce 6.5 - 6.8.x

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 that you might have. Just let us know in the comments.

Tweet

2 minutes read29371 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
  • FAQ
  • Docs
  • Get Support
  • Octolize

Legal

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

© 2022 WP Desk