Summary
The tracking timeline widget allows you to provide tracking updates to customers, with your brand front and centre. Hosting the widget on your own website provides full control over the content and messaging surrounding the tracking timeline including the website header and footer, imagery and social links.
Information available within the tracking timeline includes:
- Estimated delivery date*
- Order number
- Order name and quantity (optional)
- Carrier name
- Carrier tracking number
- Delivery Options/Proof of Delivery (optional)
- Tracking event name and description, ordered by event date
- Tracking event time and date
- Tracking event location
* Please note that estimated delivery date is currently being worked on by the Scurri Track Plus development team and will be a phased roll out per carrier.
Implementation of the Widget
To display the tracking widget on your website:
- The embed code will be available within the Scurri Track Plus Platform, under Tracking Timeline > Widget.
- Paste the embed code inside the <head> tag of your website.
- Specify where on the webpage the widget should be displayed by replacing <add-ID-here> in the code with the ID of the desired container.
Once complete the tracking widget will appear inside the specified container. Note that the widget will not override the font-family, the font will be taken from the page source.
Use of the Tracking Widget within Sendgrid
Note that this applies to Sendgrid customers only. To ensure that the tracking emails are clicking through to your website with the embedded tracking widget:
- Add template mapping for the shipment identifier attribute
- Attribute is Shipment Identifier
- Mapped to shipment_identifier handlebar
- In the email templates in Sendgrid, add a button URL which contains the URL of the tracking page followed by the shipment identifier attribute. For example: https://scurritrackplus.com/track-my-order?id={{shipment_identifier}}. Ensure the changes are saved and the templates are already mapped in Scurri Track Plus.
- Use the existing ‘Test Workflow’ for any shipment to trigger a test tracking event.
- Once the email arrives in your inbox, click through from the test email to the tracking timeline to review the widget.
Use of the Tracking Widget within Klaviyo
To ensure that the tracking emails are clicking through to the tracking page:
- Within Klaviyo, click Content > Templates and open any post-purchase email in the flow editor.
- Click Edit Content > Preview & Test.
- Under ‘Preview Data Source’, filter by ‘Event’.
- Click on any tracking event sent by Scurri Track Plus.
- Find ‘Shipment Identifier’ in the list of event properties and click to copy.
This will need to be appended onto the page on which the tracking widget is embedded. For example if the page is https://scurritrackplus.com/track-my-order, then the URL required within the Klaviyo email template will be https://scurritrackplus.com/track-my-order?id={{event.shipment_identifier|default:''}}.
The shipment identifier field is necessary to ensure that the correct tracking data is presented to the customer.