Order Status Timeline for WooCommerce

A lightweight visual order status timeline widget for WooCommerce My Account and customer emails. Display elegant progress bars and step indicators to keep customers informed.

Explore Features WordPress.org

What Order Status Timeline Can Do

Everything you need to display beautiful order tracking timelines for your WooCommerce store.

Numeric Stepper Layout
Layouts

3 Custom Timeline Layouts

Choose from three beautifully designed timeline layouts to match your store's style. Each layout is fully responsive and works seamlessly on all devices.

  • Numeric Stepper – Classic step circles with numbers
  • Progress Bar – Continuous bar with percentage
  • Modern Capsule – App-style floating pills
  • All layouts are fully responsive
WooCommerce Integration
Integration

Seamless WooCommerce Integration

Automatically injects the timeline into WooCommerce My Account order views and customer HTML emails. No manual setup required.

  • Auto-injection in My Account order pages
  • Automatic inclusion in customer emails
  • Works with all WooCommerce order statuses
  • Shortcode support for custom placement
Shortcode Support
Flexibility

Shortcode Support

Use the [order_status_timeline] shortcode to place the timeline anywhere on your site. Auto-detects the order on My Account pages.

  • [order_status_timeline order_id="123"]
  • Auto-detect order on My Account pages
  • Works in pages, posts, and widgets
  • Fully translation-ready with .pot file
Admin Settings
Customization

Easy Admin Settings

Configure the timeline appearance and behavior from a clean admin panel under WooCommerce settings. Customize colors and layout preferences.

  • Settings under WooCommerce > Timeline Ordine
  • Customizable color palettes
  • Choose between auto-inject or manual shortcode
  • Zero frontend script dependencies

Why Order Status Timeline

Built for WooCommerce store owners who want to improve customer experience with visual order tracking.

Visual Order Tracking

Customers can see their order progress at a glance with beautiful, intuitive timeline visualizations.

WordPress-Grade Security

Nonce verification, capability checks, sanitization, and escaping on every input and output. 100% clean Plugin Check.

Lightweight & Fast

Zero external script dependencies. Pure CSS styling with optimized rendering for fast page loads.

Email Integration

Timeline is automatically included in customer HTML emails, keeping buyers informed at every step.

Fully Responsive

All layouts adapt perfectly to mobile, tablet, and desktop screens. Great experience on any device.

Color Customization

Customize color palettes via admin settings to match your store's branding and design.

Developer Friendly

Clean, readable code following WordPress coding standards. Fully translation-ready with .pot file included.

WordPress.org Ready

GPL-2.0+, i18n-ready, compliant with all official WordPress repository guidelines.

WooCommerce Compatible

Requires WooCommerce 6.0+. Tested up to WooCommerce 9.0 and WordPress 7.1.

Frequently Asked Questions

Everything you need to know about Order Status Timeline for WooCommerce.

Yes, WooCommerce 6.0 or higher is required. The plugin integrates directly with WooCommerce order data and My Account pages.

The plugin offers 3 custom layouts: Numeric Stepper (classic step circles with numbers), Progress Bar (continuous bar with percentage), and Modern Capsule (app-style floating pills with pulse animation). You can choose your preferred layout from the admin settings.

Yes, use [order_status_timeline order_id="123"] to display the timeline for a specific order. On My Account pages, the plugin auto-detects the current order without needing to specify the ID.

Yes. The timeline is automatically included in WooCommerce customer HTML emails, keeping buyers informed about their order progress at every stage.

Yes. The plugin includes a .pot file and is fully translation-ready. All user-facing strings are translatable through standard WordPress i18n tools.

No external scripts are loaded. The timeline uses pure CSS styling already bundled with the plugin. Zero impact on page performance and fully compatible with caching plugins.

Yes. You can customize the color palettes through the admin settings panel under WooCommerce > Timeline Ordine. Match the timeline to your store's branding effortlessly.

Upload the order-status-timeline-for-woocommerce folder to /wp-content/plugins/, activate it from the WordPress Plugins menu, and configure your settings under WooCommerce > Timeline Ordine.