Skip to main content

Customizing the tracking widget and tracking page

Choose which sections shoppers see in the Ingrid tracking widget and on the Ingrid-hosted tracking page, show sections only for some orders, and add your branding.

I
Written by Iuliia Prylypko

Overview

You can choose which sections shoppers see when they track an order, how those sections open, and how the page looks. The same sections are used in two places:

  • Tracking widget: embedded on your own website.

  • Tracking page: hosted by Ingrid at tracking.ingrid.com. Shoppers reach it from a tracking link, or after searching for their order in the tracking portal (the search page at tracking.ingrid.com).

You design the setup in the Tracking playground in the Ingrid Merchant Platform, and Ingrid applies it to your tracking widget, your tracking page, or both.


What you can customize

Each section can be shown or hidden. Some sections have extra options:

Section

Options in the Tracking playground

Navigation header (single and multiparcel)

Show or hide

ETA header

Show or hide · Disable dates · Disable alerts

Info box

Show or hide · your own Label and Message

Map

Show or hide

Delivery details

Show or hide · Default expanded · Expand toggle disabled · Disable location

Cart items

Show or hide · Default expanded · Expand toggle disabled · Show prices · Show summary · Show images

Tracking progress

Show or hide · Default expanded · Expand toggle disabled

Footer

Show or hide

Sender name

The sender name shoppers see

The playground also has a Highlight updates option.

Turning a section off hides it for all orders. To show or hide a section only for some orders, use a rule (see below).


Show a section only for some orders

Every section has a Set rules option, so it can depend on the order. For example, you can hide the map for home delivery orders and keep it for pickup orders.

Rules are set up by Ingrid. Contact Ingrid Support with what you want to show or hide, and for which orders.


Branding

  • Tracking page: a logo at the top of the page, and a custom loading screen, often called a splash screen.

  • Tracking widget: your own font (upload a file or enter a URL) and custom styling with Edit CSS, so the widget blends in with your website.

For colors, logos and fonts, contact Ingrid Support with the assets you want to use.


How to set it up

  1. In the Ingrid Merchant Platform, go to Configuration → Tracking → Config & Branding. The Tracking playground opens.

  2. Turn sections on or off and choose their options under Widget components.

  3. Check the result in the Preview playground: switch between parcels, outbound and return, delivery and pickup, progress steps and locales.

  4. Click Get JSON and copy the configuration.

  5. Send the JSON to Ingrid Support, and say whether it's for your tracking widget, your tracking page, or both. Ingrid applies it for you.

To contact Ingrid Support, ask Iris, Ingrid's AI assistant, in the chat on the Ingrid Help Center. If you can't reach Iris, email [email protected].


Frequently asked questions

Can I customize the tracking page, or only the tracking widget?
Both. The tracking page uses the same sections as the widget, and also supports a logo and a splash screen.

How do I keep the carrier's tracking link visible?
The carrier link is shown under Delivery details. Turn on Default expanded so the section opens by default, and Expand toggle disabled so shoppers can't collapse it.

Can I hide the map only for some orders?
Yes, with a rule. For example, hide it for home delivery and keep it for pickup points. Ingrid sets up the rule for you.

Can I save my setup in the Tracking playground?
Not directly. Use Get JSON and send the configuration to Ingrid Support.


Related documentation

Did this answer your question?