Skip to main content
Nash provides a fully-hosted, white-label live-tracking UI that you can surface inside any web or hybrid mobile application with nothing more than an <iframe>. The embed shows the courier’s position on a live map together with real-time status updates—no backend work required on your side.

1) Pick the correct base URL

EnvironmentBase URL
Productionhttps://tracking.usenash.com/
Sandbox / Testhttps://tracking.sandbox.usenash.com/

2) Add the required path parameter

The last segment of the URL must be a packageId or a jobId (both work—use whichever you have on hand):
https://tracking.usenash.com/{packageId}
https://tracking.usenash.com/{jobId}

3) Optional: map-only mode

If you want to present just the live map without the details pane, add the components query parameter with value map:
https://tracking.usenash.com/{jobId}?components=map

Complete example

<iframe
  title="Nash live tracking"
  src="https://tracking.usenash.com/8e7f3c59?components=map"
  style="
    width: 100%;
    height: 600px;
    border: none;
  "
  allowfullscreen
></iframe>
For production traffic we strongly recommend using the HTTPS endpoint (https://tracking.usenash.com) to ensure end-to-end encryption.

4) Reference

ParameterLocationRequiredDescription
/{packageId} or /{jobId}PathYesUnique identifier you receive from the Nash API.
componentsQueryNoWhen set to map, hides the details panel.

5) Need something richer?

The iframe approach covers the majority of use cases, but Nash also supports deeper, fully customizable embeddings—for example:
  • Pushing live status events directly into your own components
  • Re-skinning the UI to match a bespoke design system
  • Embedding only selective widgets (ETA chip, progress bar, etc.)
These advanced options require a short enablement step on our side. Reach out to your Nash solutions engineer or email support@usenash.com to learn more.