Tracking Page Requirements

Summary

The tracking page allows you to provide tracking updates to customers, with your brand front and center. 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 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/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/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 
  • Logo (SVG format preferable):
    • Maximum height: 56px
    • Logos taller than 56px will be scaled down to 56px.
    • Provide logos at the exact required size if it needs to be less than 56px (e.g., 32px logo will display at 32px). 
• 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 that desktop and mobile images can be supplied in x2 scale.

Max file size: 2 MB

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 1 - Desktop

 

Template 1 - Mobile

 

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
  • Logo (SVG format preferable):
    • Maximum height: 56px
    • Logos taller than 56px will be scaled down to 56px.
    • Provide logos at the exact required size if it needs to be less than 56px (e.g., 32px logo will display at 32px).
• Desktop Images:
  • 424 x 576px (x2) - image on the left of timeline
  • 1320 x 360px (x1) - bottom image under timeline
• Mobile/Tablet Images:
  • 720 x 224px (x2) - left image on the side of timeline (mobile versions)
  • 720 x 224px (x1) - bottom image under timeline (mobile version)

 

Note that desktop and mobile images can be supplied in x2 scale.

Max file size: 2 MB

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.

Template 2 - Desktop

 

Template 2 - Mobile

 

Use of the Tracking Page within Sendgrid Emails

Note that this applies to emails created through Sendgrid only. 

 

To ensure that the tracking emails are clicking through to the tracking page: 

1. Add template mapping for the shipment identifier attribute 
   • Attribute is Shipment Identifier
   • Mapped to shipment_identifier handlebar
2. The URL of the tracking page will be as follows: tracking.scurritrackplus.com/{{company-identifier}}/index.html?id={{shipment_identifer}}. 
   • The company identifier is set by Scurri Track Plus and will be provided during onboarding. 
3. In the email templates in Sendgrid, add a button URL that contains the URL of the tracking page followed by the shipment identifier attribute handlebar. Ensure the changes are saved and the templates are already mapped in Scurri Track Plus.
4. Use the existing ‘Test Workflow’ for any shipment to trigger a test tracking event. 
5. Once the email arrives in your inbox, click through from the test email to the tracking page to review.