Add a Free India Post Speed Post Tracking Widget to Your Website — No Coding Required
If your website, business, or blog deals with India Post shipments, your visitors are constantly jumping to other tabs to track their parcels. There is a better way. In under 2 minutes — with a single line of code — you can add a fully functional, live Speed Post tracking widget directly to your website. Here is everything you need to know.
Live widget preview — this is exactly what your visitors will see
Contents
Who Should Add This Widget to Their Website?
Any website where visitors send or receive India Post shipments can immediately benefit. If any of the following describes you, this widget is for you:
E-Commerce Store Owners
You ship orders via Speed Post and your customers email or call asking "where is my parcel?" Add the tracker so customers can check themselves — directly on your order confirmation or tracking page — without ever leaving your website.
Businesses & Institutions
Banks, insurance companies, schools, colleges, courts, and government offices that dispatch Speed Post letters (PAN cards, admit cards, legal notices, loan documents) can let recipients track their document right from your website.
Logistics & Courier Aggregators
If you're a shipping aggregator, franking service, or courier consultant who sends articles via India Post on behalf of clients, embed the tracker on your client portal to let them self-serve their shipment status at any time.
Bloggers & Information Sites
Writing a blog about postal services, government services, or anything India Post related? Give your readers a live tracker right inside your article. It adds practical value, increases time-on-page, and makes your content genuinely useful.
Legal & Professional Services
Advocates, notaries, and document processing services routinely send time-sensitive Speed Post consignments to clients. A tracker on your website lets clients monitor delivery of critical legal documents without having to call your office.
Educational Institutions
Universities, coaching institutes, and examination boards send admit cards, mark sheets, certificates, and results via Speed Post to thousands of students. Embedding a tracker on your results or student portal eliminates a massive wave of "where is my document?" queries.
What Your Visitors Will See
The widget is clean, minimal, and built to work in any design context. Here is exactly what appears for your visitor the moment they enter a consignment number:
Live Status Badge
A colour-coded status badge shows the current delivery stage at a glance — green for Delivered, orange for Out for Delivery, blue for In Transit, red for Delivery Attempted. Your visitor knows the status in under a second.
Latest Event with Location
The most recent tracking event is shown prominently — the event description, date, time, and the name of the post office or sorting hub where the scan occurred. Your visitor knows exactly where the parcel is right now.
Full Tracking History
The complete journey of the parcel is shown in a scrollable timeline — every scan event from booking to delivery, in reverse chronological order. Visitors can see the full route the article has taken through India Post's network.
Link to Full Tracking Page with Map
At the bottom of every result, there is a link to the full tracking page on speedindiapost.com — which includes a visual location map showing where the parcel's last scan point is on a real map of India. Visitors who want more detail can go there in one click.
5 Reasons to Add It to Your Website Today
Stop Losing Visitors to Other Tabs
Right now, every time one of your visitors needs to check a Speed Post consignment, they open a new tab, navigate to a tracking site, enter their number, and — in many cases — never come back to your page. That's your audience, your customers, your readers walking away from you every single day.
With the embedded widget, they never have to leave your website at all. They enter the tracking number, see the result, and stay right where you need them — on your page, in your ecosystem.
Cut Customer Support Queries by Half
For any business that ships via India Post, the most common customer support question is some version of: "Where is my order?" or "Has my document been sent?" Every one of those calls or emails takes time, costs money, and frustrates both parties.
When you place a live tracker directly on your order status page, tracking page, or contact page — with their consignment number pre-filled — that question becomes self-serve. Customers get the answer instantly, at any hour, without ever contacting you. Your support load drops. Your customers are happier.
Zero Setup Effort — Genuinely
There is no API key to register for. No account to create. No documentation to read. No backend code to write. No database to connect. No third-party credentials to manage.
You copy one line of HTML — a single <iframe> tag — paste it into your page, and you are done. The entire setup takes under 2 minutes even for someone with no coding experience. If you can add a YouTube video to a page, you can add this tracker.
Works Beautifully on Mobile
In India, the majority of web browsing happens on mobile phones. The tracking widget is fully responsive — the input, the status badge, the tracking history, and the layout all adapt perfectly to any screen size, from a 360px Android phone to a 1920px desktop monitor.
Your mobile visitors get exactly the same smooth, fast tracking experience as desktop visitors. No squinting at tiny text, no horizontal scrolling, no broken layouts.
Always Live, Always Accurate
The widget does not cache stale data or show yesterday's status. Every time a visitor searches, it fetches the latest available tracking information in real time. When India Post updates the status — whether that's a new scan, a delivery attempt, or a successful delivery — your visitors see it immediately.
You never have to update anything, maintain anything, or worry about whether the data is current. It just works — 24 hours a day, every day.
How to Embed — The Code
Copy the code below and paste it anywhere in your page's HTML where you want the tracker to appear. That's genuinely all there is to it.
<iframe
src="https://www.speedindiapost.com/embed"
width="100%"
height="420"
frameborder="0"
style="border-radius:12px; border:1px solid #e5e7eb;"
title="India Post Speed Post Tracker">
</iframe>No account needed
Just paste and go
No API key
No registration required
Completely free
No plans, no credits
Advanced: Pre-fill With a Tracking Number
This is where the widget becomes truly powerful for businesses. By adding ?id=YOUR_CONSIGNMENT_NUMBER to the embed URL, the widget auto-loads the tracking result the moment your page opens — no typing required from your visitor.
<iframe
src="https://www.speedindiapost.com/embed?id=EK123456789IN"
width="100%"
height="420"
frameborder="0"
style="border-radius:12px; border:1px solid #e5e7eb;"
title="India Post Speed Post Tracker">
</iframe>Real-world use case: order tracking page
Imagine you run an e-commerce store and each order is shipped via Speed Post. On your "Track Your Order" page, instead of a generic tracker, you dynamically insert the customer's consignment number into the embed URL. The customer arrives on the page and instantly sees their parcel's status — fully loaded, no typing, no effort. This is the kind of experience that separates professional online stores from generic ones.
In a platform like WordPress or any backend system, you simply replace EK123456789IN with the consignment number variable from your order database. Done.
Works on Every Platform
Because the widget is a standard HTML <iframe>, it works on absolutely any platform that allows HTML in page content. Here is how to add it on the most common ones:
WordPress
In the block editor (Gutenberg), add a Custom HTML block to your page or post and paste the embed code inside it. In the classic editor, switch to the Text tab (not Visual) and paste the code. Publish or update the page — done.
Shopify
In your Shopify admin, go to Online Store > Pages and create or edit the page where you want the tracker. Click the </> (source code) button in the page editor, paste the embed code, and save. You can also add it to a theme section or a custom liquid template file.
Blogger
When creating or editing a post, click HTML view (the button that shows <> in the editor). Paste the embed code at the position in your post where you want the widget to appear. Switch back to Compose view to preview it, then publish.
Plain HTML Website
Open your .html file in any text editor. Place the embed code inside your <body> tag wherever you want the tracker to appear on the page. Save and upload the file to your server. That's it.
Wix, Squarespace, Webflow & others
All major website builders support embedding custom HTML. In Wix, use the Embed HTML element. In Squarespace, use a Code Block. In Webflow, use the Embed component. In each case, paste the iframe code into the HTML field and save — the tracker will appear live on your page.
Customising the Size
The widget's width and height are controlled by the width and height attributes in the iframe code. Here are recommended sizes for different use cases:
| Use Case | Recommended Width | Recommended Height |
|---|---|---|
| Full-width tracking page | 100% |
500 |
| Sidebar widget | 100% |
380 |
| Blog post / inline | 100% |
420 |
| Order confirmation email (web view) | 600px |
420 |
Always use width="100%" rather than a fixed pixel width — this ensures the widget adapts gracefully to the column or container it's placed in, and works correctly on both desktop and mobile without any extra CSS.
Try the tracker yourself first
Before you embed it, experience it from your visitor's perspective. Enter any valid Speed Post consignment number and see the full live result — status badge, timeline, location, and all.