TABLE OF CONTENTS

The tracking portal can be provided to message recipients, allowing them to view up-to-date information including the ETA for delivery. Within X minutes of the delivery, a map will be displayed with the truck's current position.


This portal can be configured in several ways, adding logos, changing colors or font sizes and even changing the icons on the map.

Tracking Portal
To begin configuring the portal, click Configuration > Portal.


Branding

Enter the URL to your logo image at the top of the portal. If no logo is required, leave this blank.

Colors

Colors for the portal and map are set by default but can be changed here.

  • Primary Color

  • Secondary Color

  • Accent Color

  • Warning Color

  • Background Color Start: The color for the portal can be a gradient, so this represents the color at the top of the portal

  • Background Color End: This represents the color at the bottom of the portal if there is a gradient being used. If the start and end are the same color, the portal background will be a single color.

  • Top Bar Color: The color of the top bar behind the logo or in place of the logo

  • Context Summary Link Color

  • Fab Color: The color of the floating buttons displayed over the map

  • Fab Icon Color: The color of the icon on the floating buttons

Fonts and Sizes

This section allows you to change the font sizes for different pieces of the portal. The Font URL or Font Family should not be changed from the default.

  • Card Title Size: Sets the font size for the word delivery in the header of the card.

  • Card Subtitle Size: Sets the font size for the number under the word delivery.

  • Card Content Title Size: Sets the font size for the headers on the card.

  • Card Context Title Size: Sets the font size for the other text on the card.

  • Topbar Height: This sets the height of the top bar of the tracking portal where the logo resides. The default is 150px.

Delivery Status Card

Icons

This section allows the user to change the icons displayed on the portal and the map:

  • Summary Card Icon: Displayed at the top of the content card:

  • LiveTrack Card Icon

  • Vehicle Icon: Represents the vehicle on the tracking map.

  • Destination Icon: Represents the end recipient displayed on the tracking map.

Miscellaneous

  • Center Logo: Indicates whether the logo provided should be centered on the top bar.

  • Topbar Shadow: Indicates whether there is a faint shadow underneath the top bar.

  • Expand Content Summary: Indicates whether the content summary which contains information like order numbers should be expanded or collapsed by default.