JS widget overview

Shipment tracking on any web page. Copy the snippet from your dashboard, paste it into your site, done.

Code snippet

Replace YOUR_WIDGET_ID with the identifier from your dashboard.

Example of a JS widget code snippet

<div id="ordertracker-widget"></div>
<script src="https://widget.ordertracker.com/sdk.js"></script>
<script>
  Ordertracker({ "id": "YOUR_WIDGET_ID" }).render('#ordertracker-widget')
</script>

Pass a tracking number to skip the search form.

Tracking a number on load

<script>
  Ordertracker({ "id": "YOUR_WIDGET_ID", "trackingNumber": "RR123456789CN" }).render('#ordertracker-widget')
</script>

Customization

From your dashboard, without touching the snippet.

  • Style: font, accent color and custom CSS
  • Language: 14 languages, carrier events included
  • Display: tracking number, last mile tracking number, estimated delivery date
  • Carriers: restrict detection to the carriers you ship with

Rendered example

Rendered example of the Ordertracker JS widget