What is the easiest way to show shipment tracking on my website?

Paste a script tag and a tracking-globe element from the configurator at ifcvieweronline.eu/tracking-globe. It needs no account, no map API key and no backend of your own unless you want live data.

Can I put it in SharePoint Online?

Yes, through the Embed web part as an iframe, once a site owner adds the domain under HTML Field Security. Modern pages do not run scripts from page content. We have not tested it in a real tenant.

Can I put a live tracking map in a Taobao shop?

We could not confirm any supported way. Taobao shop decoration is a closed editor, so we offer an image export and suggest hosting the live map on your own page.

Does the map track ships or parcels by itself?

No. It draws what you give it: dates, progress or positions from your system. It does not connect to carriers, and its routes are schematic.

Will it slow my page down?

A 3 KB loader runs first and reserves the space. The 27 KB engine loads only when the map nears the screen, and drawing stops when it is off-screen. We measured zero layout shift on our test pages.

Back to the BIM & IFC blog

Tools & comparisons · 2026-10-31 · 5 min

How to Embed a Shipment Tracking Map on Your Website: WordPress, Shopify, SharePoint and Taobao

Suppliers and forwarders can show customers where goods are, on their own site, without a map API key or a backend. Here is what goes in on each platform, what it costs the page, and where the honest answer is no.

How to Embed a Shipment Tracking Map on Your Website: WordPress, Shopify, SharePoint and Taobao — IFC Viewer Online article cover

A buyer waiting on a container from Shanghai usually gets a PDF and a carrier link. If you are the supplier or the forwarder, you can show the same information on your own site, on a globe, in your colours. The Tracking Globe does that with one snippet and no map API key, and it fits most websites. Not all of them, and this guide says which.

Key takeaways

WordPress and Shopify take a script tag. SharePoint Online takes an iframe, once a site owner allows the domain.
On Taobao and Tmall we could not confirm a way to run a live widget, so the supported path there is an image.
It draws your data, or a simulation that is always labelled as one. It does not connect to carriers.
About 30 KB in two steps, no cookies, no third-party requests.

A 3D globe with shipments from China to Europe by sea, air and rail, next to a list showing status and progress — Simulated shipments in the real widget. Simulations always carry a visible label.

What goes in on each platform

Platform	How it goes in	The catch	What we tested
Any HTML site	Script tag and element	A strict Content-Security-Policy must list the script’s host	Desktop and phone, with weight and layout shift measured
WordPress	Custom HTML block, or a shortcode from our small plugin	Roles without unfiltered_html lose the code; WordPress.com needs a paid plan	Block markup in a browser, plugin with PHP; not a real install
Shopify	Custom Liquid section, or a theme section file	Rich-text fields strip it; headless stores with their own policy must allow the host	A page with a real store’s security headers; not inside a store
SharePoint Online	Embed web part, as an iframe	A site owner must allow the domain; page scripts do not run	A sandboxed iframe under a strict policy; not a real tenant
Taobao / Tmall	An image in your shop’s image space	No live widget we can confirm; external links are limited	The image export only

Add it in four steps

Choose your data A simulated demo, a pasted spreadsheet or JSON, or a URL of your own that returns JSON. Pasted data is readable in the page source, so private shipments belong behind a feed or a per-reference lookup.
Match your brand Colours, logo, font, language and height. Your own stylesheet can also set the variables, so the widget follows your site’s theme.
Decide what visitors control Dragging, zoom, the globe and map switch, list, search, legend and full screen can each be turned off. The label on simulations cannot.
Copy the snippet for your platform The configurator writes the right version for each platform, including the domain a SharePoint owner has to allow.

Real data, without a server of ours

Each visitor’s browser calls your URL directly, so your shipment data never passes through us. That URL must allow cross-origin requests, and it needs its own access rules if the data is private. Rows accept the names carriers and spreadsheets tend to use, such as tracking_number, origin, destination, eta, latitude and longitude. A lookup URL with {id} in it returns one reference at a time, so a customer sees their own shipment and not your whole book.

What it costs the host page

A 3 KB loader reserves the box, so nothing jumps. The 27 KB engine loads when the map comes within 300 px of the screen, or on click if you prefer. On our test pages, on desktop and an emulated phone, layout shift was zero and the engine did not load until we scrolled towards it. Drawing stops off-screen, the wheel keeps scrolling your page unless Ctrl or ⌘ is held, and reduced-motion settings stop the rotation. The world map ships inside the file, so no visitor’s IP goes to a map provider.

Where the answer is no, or not yet

WordPress strips iframes and scripts for users without the unfiltered_html capability^[wp], and WordPress.com allows them only on a paid plan^[wpcom]. SharePoint keeps an allow list per site^[sp], and we did not build an SPFx web part, which would need your tenant’s app catalog. For Taobao, the most official source we found^[taobao] is an old draft, so ask the platform before relying on anything. For buyers in China, host the two files on a server there: we have not measured how this site loads from China.

References

Custom HTML block — WordPress.org. Users without unfiltered_html have iframes and scripts stripped.
Custom HTML block — WordPress.com. Scripts and iframes need a paid plan with hosting features active.
Adding an Embed Web Part in a Modern SharePoint Online Page — Marc D Anderson. The HTML Field Security allow list, per site. A practitioner’s account, not Microsoft’s documentation.
Taobao decoration market template rules — Alibaba Open Platform. An old draft, and the most official source we could find.

How to Embed a Shipment Tracking Map on Your Website: WordPress, Shopify, SharePoint and Taobao