WooCommerce · Elementor
WC Order Tracking widget for Elementor
The order-tracking form, styled in Elementor.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
The order-tracking form, styled in Elementor.
Woo Shortcode Order Tracking widget. Renders the standard WooCommerce [woocommerce_order_tracking] shortcode.
Output depends on WooCommerce objects (products, cart, or account). Empty without WooCommerce data.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “WC Order Tracking”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Background Color”, “Padding”, “Border”, “Border Radius”. Style and Content tabs are listed on this page.
When to use it
- A “track your order” page.
- A post-purchase help page.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Form Container — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Form Container — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Form Container — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .woocommerce-form-track-order`. |
| Form Container — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Labels — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Labels — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .woocommerce-form-track-order label`. |
| Input Fields — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Input Fields — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Input Fields — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .woocommerce-form-track-order input.input-text`. |
| Input Fields — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Input Fields — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Track Button (Normal) — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Track Button (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Track Button (Hover) — Text Color | Writes CSS (button, color) onto the widget’s front-end markup. |
| Track Button (Hover) — Background Color | Writes CSS (button, background-color) onto the widget’s front-end markup. |
| Track Button — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .woocommerce-form-track-order button.button`. |
| Track Button — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Track Button — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Track Button — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .woocommerce-form-track-order button.button`. |
| Track Button — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Track Button — Full Width | Switcher inspector control (`button_full_width`). |
| Form Spacing — Row Spacing | Writes CSS `margin-bottom` onto the widget’s front-end markup. (min 0, max 50). |
| Form Spacing — Label Spacing | Writes CSS (margin-bottom, display) onto the widget’s front-end markup. (min 0, max 30). |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
Which WC Order Tracking options need King Addons Pro?
Controls marked with the Pro icon in this widget’s PHP. King Addons Pro is a separate license from Elementor Pro.
Does WC Order Tracking require WooCommerce?
Yes. Install WooCommerce and add products (or complete a cart) before this widget has anything to show.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related woocommerce widgets
WC Checkout
The checkout shortcode with Elementor styling. Pair it with WooCommerce Builder for a full checkout template.
WC Add To Cart Button
A standalone add-to-cart button for a chosen product ID.
WC Cart
The WooCommerce cart shortcode, styled in Elementor. Use on a cart template, not on a random marketing page.
WC My Account
The My Account shortcode. For per-endpoint layouts, use the WooCommerce Builder account pieces.
WC Product Category
Products from one WooCommerce category, with style controls.
WC Product Page
Renders a WooCommerce product by ID via shortcode, with gallery and button styling.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for WC Order Tracking after you activate it.