Add Package Tracking Widget in 3 Easy Steps
You can add our shipment tracking widget to your website with just these 3 steps.
1. Customize Widget
Customize your widget first and align it well with your website theme and color scheme. You can choose the language, add labels, change button colors, and adjust the border radius.
2. Copy the Embed Code
Copy the ready to use embed code from the page. You can do this by grabbing the iframe manually or by clicking the copy button next to the embed code.
3. Paste It Into Your Page
Place the code where you want the tracking widget to appear on your website. Your visitors can now enter tracking numbers and track their orders for free.
Shipment Tracking Widget by TMP - Among the Best
No more need to build a custom package tracking system for websites. Track My Package brings this free shipment tracking widget for websites. Anyone can easily embed this widget on their website and let visitors track a parcel or order. The widget can easily be customized to match the website color scheme.
Features of the Tracking Widget
- Free shipment tracking widget
- Easy embed code
- Live widget preview
- Customizable
- Adjustable corner radius
- Multiple language options
- Carrier auto-detection
Preview Your Widget Before You Add It
See how your tracking widget will look before you place it on your website.
Change the available settings and use the live preview to check the result. Once you are happy with the design, copy the embed code and add it to your web page.
Customize your tracking widget. Preview it. Then add it to your website.
Customization options
Append any of these as query parameters to the widget URL, e.g. https://trackmypackage.net/widget?textButton=Track&backgroundColorButton=%23f97316.
| Parameter | Description | Example | Default |
|---|---|---|---|
placeholder |
Placeholder text shown inside the input. | Enter AWB |
Enter tracking number |
textButton |
Label on the track button. | Track |
Track Package |
backgroundColorButton |
Button background color (hex, rgb/rgba, or a CSS color name). URL-encode # as %23. |
%23f97316 |
#f97316 |
colorButton |
Button text color. | %23ffffff |
#ffffff |
borderRadius |
Corner radius of the input and button, in pixels (0–40). | 12 |
8 |
trackingNumber |
Pre-fills the input with a tracking number. | 1Z999AA1 |
empty |
cid |
Courier id to search. 0 auto-detects the courier from the number. |
0 |
0 |
lang |
Locale used for the results page the widget opens. | en |
en |
Tip: the snippet above already carries a sandbox attribute holding exactly the permissions the widget needs. Paste it as-is — some content management systems rewrite or strip those flags when you save the page, and if that happens the courier picker or the results tab will stop working.
Frequently Asked Questions
What is a shipment tracking widget?
A shipment tracking widget is a small tracking tool that you can add to your website. Visitors can enter a tracking number and use it to check their shipment information.
Is the Track My Package widget free?
Yes. Track My Package provides this shipment tracking widget for free.
How do I add a package tracking widget to my website?
First, customize the widget on Track My Package. Next, copy the embed code. Then, paste the code into the HTML of the page where you want the widget to appear.
Can I customize the tracking widget?
Yes. You can change the language, placeholder text, button label, button color, text color, and corner radius.
Can visitors track different shipments?
Visitors can enter their tracking numbers and use the carrier selection to start tracking. The widget also supports carrier auto-detection from the tracking number.
What couriers can be tracked using this widget?
Track My Package widget supports tracking for over 200 national and international couriers worldwide. Visitors can easily track their parcels sent via any registered courier in the list.