Step-by-Step Tutorial: How to Display WooCommerce Tracking Number on Your Order Pages

Published On - September 17, 2025

Olivia Brown Blog

If you’ve got a WooCommerce store, you already know how amazing it is for selling online. But what happens when your customer places an order and wants to track it?

Yes, you can send a tracking number via email or enter it manually, but that’s not very smooth. What if you could show the tracking number right on the customer’s order page? That would be neat, right?

Good news – it’s totally doable, and not as complicated as it sounds! In this step-by-step tutorial, we’ll walk you through how to easily display a tracking number on your WooCommerce order pages.

🎯 Why Show the Tracking Number on the Order Page?

  • It makes life easier for your customers.
  • Reduces support emails asking “Where’s my order?”
  • Adds a professional touch to your store.

Let’s dive right into the fun stuff!

🔧 Step 1: Install a Shipping Plugin

The easiest way to show tracking numbers is with a plugin. Yes, plugins to the rescue!

One popular option is “TrackShip for WooCommerce”. It’s user-friendly and works great.

  1. Go to your WordPress dashboard.
  2. Click on Plugins > Add New.
  3. Search for “TrackShip for WooCommerce.”
  4. Install and activate the plugin.

That’s it! You’ve armed your store with superpowers. 🦸‍♀️

📦 Step 2: Add Tracking Info to Each Order

After shipping an order, you’ll want to add the tracking number.

Here’s how to do it manually (yes, we’ll automate it later):

  1. Go to WooCommerce > Orders.
  2. Click into an order you’ve already shipped.
  3. Scroll down to the order details page.
  4. You’ll see a new section from the plugin called “Shipment Tracking.”
  5. Click on Add Tracking Info.
  6. Enter the courier, tracking number, and date.
  7. Click Save Tracking.

Taa-daa! It’s that easy.

Now, when your customers log in to their account and check the order, they’ll see the tracking number right there – loud and proud!

🎨 Step 3: Customize the Order Page (Optional)

Want to make the tracking info look more “on-brand”?

You can customize the way it looks with a little CSS magic or a tailored message.

Some plugins also let you:

  • Add courier logos
  • Show estimated delivery times
  • Provide clickable tracking links

This not only looks cool but adds a trusted experience for your shoppers.

⚙️ Step 4: Automate It (Save Time!)

If you’re tired of adding tracking numbers manually, we get it!

Use plugins or shipping services like ShipStation, EasyShip, or AfterShip that sync directly with WooCommerce.

Most of them will auto-insert the tracking number once the shipment is created.

All you gotta do is ship the product, and the plugin handles the rest. Beautiful, right?

In most automation tools, the setup looks like this:

  1. Connect your WooCommerce store inside the shipping tool.
  2. Map the shipping services to match your store’s settings.
  3. Enable tracking sync.

That way, customers get updates and the tracking number gets added to their order page automatically.

🔥 Bonus Tips (Make It Awesome)

Let’s sprinkle some extra magic on your store:

  • Send Email Alerts: Most plugins let you include the tracking number in your shipment confirmation email. Do it.
  • Add Tracking Number to Thank You Page: This is the first page your buyer sees after order placement. Add the tracking info there for bonus points.
  • Use Multiple Carriers: TrackShip supports over 20 carriers. Your customers can track USPS, FedEx, DHL, and more with one click.

🧪 Technical Route: Custom Code (For Developers)

If you’re more of the DIY type or a developer, you can add tracking manually via hooks.

Here’s a super simplified example of how you could add tracking info to the order page:


add_action('woocommerce_order_details_after_order_table', 'add_tracking_info_to_order');

function add_tracking_info_to_order($order) {
    $tracking_number = get_post_meta($order->get_id(), '_tracking_number', true);
    if ($tracking_number) {
        echo '<p><strong>Tracking Number:</strong> ' . esc_html($tracking_number) . '</p>';
    }
}

But remember, this means you also need to store that tracking number in the order’s metadata.

It’s not as plugin-friendly, but for developers, this route gives you full control.

📊 The Results: Happy Customers = Fewer Headaches

Once your store starts showing tracking numbers directly on order pages, your customers will be thrilled.

  • No more “Hey, where’s my package?” emails.
  • Order pages become true “tracking hubs.”
  • Your store gets bonus points for smooth service!

Plus, it’s one of those small things that leave a big impact – especially when your competitor still sends boring shipment emails without clickable tracking links.

🎁 Recap – What Did We Learn?

You now know how to:

  • Pick a plugin to manage tracking numbers
  • Add tracking manually or automatically
  • Display it beautifully on the order page
  • Go even further with custom code and enhancements

Whether you run a tiny boutique store or fulfill hundreds of orders a day, showing tracking info on your WooCommerce order pages just makes sense.

🚀 Ready to Try It?

Go ahead and install a WooCommerce tracking plugin. Add a test order, input the tracking number, and view it from a customer’s account.

You’ll love how polished the whole experience feels.

And your customer? Even more!

Need help or hit a snag? WooCommerce has a massive support community. You’re never alone.

Now go add that tracking number – your future self will thank you!