Summary
The tracking page allows you to provide tracking updates to customers, with your brand front and centre. With Scurri Track Plus hosting the tracking timeline for you, there is no development resource or implementation required to get up and running.
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 so won’t be available for initial implementation and will be a phased roll out per carrier.
Tracking Page Types
There are two types of the tracking page to choose from:
- Template 1 - this includes the tracking timeline and space provided to add three images. Example here: https://lemark.scurri.com/en/tracking-page
- Template 2 - this includes the tracking timeline, an overview of the order and space provided to add two images. https://lemark.scurri.com/en/tracking-page-2
Requirements for Customisation
Template 1
To customise the content surrounding the tracking timeline on the generic tracking page, the following is required:
- A title for the page
- Favicon: 512x512px
- Logo (SVG format preferable)
- Desktop Images:
- 424 x 576px (x2) - left and right images either side of timeline
- 1320 x 360px (x1) - bottom image under timeline
- Mobile/Tablet Images:
- 720 x 224px (x2) - left and right images either side of timeline (mobile versions)
- 720 x 224px (x1) - bottom image under timeline (mobile version)
Note for desktop and mobile images they can be supplied in x2 scale.
Max file size
Image format: JPEG, PNG, WebP, GIF
The following are optional:
- Logo link
- Left Image link
- Right Image link
- Bottom Image link
Please note that if no link is supplied the image will not be clickable.
Template 2
To customise the content surrounding the tracking timeline on template 2, the following is required:
- A title for the page
- Favicon: 512x512px
- Logo (SVG format preferable)
- Desktop Images:
- 424 x 576px (x2) - image on left of timeline
- 1320 x 360px (x1) - bottom image under timeline
- Mobile/Tablet Images:
- 720 x 224px (x2) - left image on side of timeline (mobile versions)
- 720 x 224px (x1) - bottom image under timeline (mobile version)
Note for desktop and mobile images they can be supplied in x2 scale.
Max file size: 2mb
Image format: JPEG, PNG, WebP, GIF
The following are optional:
- Logo link
- Left Image link
- Bottom Image link
Please note that if no link is supplied the image will not be clickable.
Use of the Tracking Page within Sendgrid
Note that this applies to emails created through Sendgrid only.
To ensure that the tracking emails are clicking through to the tracking page:
- Add template mapping for the shipment identifier attribute
- Attribute is Shipment Identifier
- Mapped to shipment_identifier handlebar
- The URL of the tracking page can be copied from the Scurri Track Plus platform.
- Example format: https://tracking.scurritrackplus.com/{{page-identifier}}/index.html?id={{shipment_identifier}}
- In the email templates in Sendgrid, add a button URL which contains the URL of the tracking page copied from the platform. 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 page to review.
Use of the Tracking Page within Klaviyo
To ensure that the tracking emails are clicking through to the tracking page:
- Within the Scurri Track Plus Platform, click Tracking > Branded Page.
- Copy the URL of the tracking page to your clipboard.
- 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.
The original URL copied from Scurri Track Plus will need to be amended slightly as the shipment identifier field may vary per Klaviyo account:
- The URL copied from Scurri Track Plus will have the following structure: https://tracking.scurritrackplus.com/{{page-identifier}}/index.html?id={{shipment_identifier}}
- The last parameter of the copied URL will need to be edited slightly based on what is available in Klaviyo but will follow a similar structure: https://tracking.scurritrackplus.com/{{page-identifier}}/index.html?id={{event.shipment_identifier|default:''}}
- Example:https://tracking.scurritrackplus.com/a1b2c3d4-5678-9876-5f6d-0dd845fddac2/index.html?id={{event.shipment_identifier|default:''}}