Skip to content
Navo24Navo24
Start free

Guides

Widget Customization

Put a container tracking, freight rate and sailing schedule search on any website in one copy-paste: no key, no script, no sign-up. Pick the searches, colours and wording, copy the HTML.

A free search widget for your own website: container tracking, freight rates and sailing schedules, all three or just the ones you need. Pick the look below, copy the HTML and paste it into any page. No key, no script, no sign-up.

This is the light option next to the Navo apps embed. The embed shows tracking, rates and schedules inside the client’s page, in the client’s brand, with a domain-locked key. The widget below sends the search to Navo24 in a new tab, and it stays free while the “Powered by Navo24” link sits under it.

Build your widget

Searches in the widget
Preview

The preview is the real widget: try a search, it opens in a new tab.

Your HTML

Paste the code where the widget should appear: a WordPress Custom HTML block, Wix or Tilda embed code, a Webflow Embed, or straight into your template.

How it works

  • Plain HTML. The code is a few small forms with inline styles. With more than one search, the tabs are plain HTML and CSS too. It loads nothing from us and cannot slow down or break the host page.
  • Live data on Navo24. Each search opens in a new tab:
    • Tracking on tracking.navo24.com: carrier, vessel, events, ETA and the route on a map, from 240+ connected lines.
    • Rates on rates.navo24.com: current ocean rates by carrier for the lane.
    • Schedules on schedules.navo24.com: upcoming sailings with transit times and cut-offs.
  • Free, with a credit line. The widget is free as long as the small “Powered by Navo24” link stays under it.

You can also build the links yourself, for example from an order page:

  • https://tracking.navo24.com/?ref=<container, B/L or booking number>
  • https://rates.navo24.com/?from=Shanghai&to=Hamburg (or ?origin=CNSHA&destination=DEHAM)
  • https://schedules.navo24.com/?from=Shanghai&to=Hamburg

FAQ

Do I need an account or a key? No. The widget only sends the search to Navo24.

Which numbers work for tracking? Container numbers (4 letters and 7 digits), bills of lading and booking numbers. Navo24 detects which one it is and which line it belongs to.

How do I enter ports? By name (“Shanghai”) or by UN/LOCODE (“CNSHA”). Navo24 picks the matching port, and the visitor can change it on the results page.

Can I change the text and colours? Yes, in the builder above, or edit the inline styles in the code yourself. Keep each form’s action and the input names (ref, from, to) as they are.

Can visitors stay on my site? Not with this widget: it opens a new tab. The Navo apps embed shows tracking, rates and schedules inside your page, in your brand and without our link.