Configure the Branded Tracking App
Use the Branded Tracking App editor to customize fonts, colors, headers, and banners on your tracking page. You can also translate content into multiple languages and embed dynamic banners that link back to your website.
To configure your tracking page:
Navigate to CX Apps > Tracking Page in the Dashboard.
To reuse the settings already defined in your CX Theme (colors, text, buttons, images), enable the Use CX Theme Settings toggle:
To learn how to configure the CX Theme, see Set up a custom CX theme.
If you have not defined a CX Theme or have not enabled this option, fill in all settings manually: fonts, colors, and images.
- In the Images and Logo section, set the logo size for desktop and mobile:
Adjust the cursor and check the preview screen until the size looks right.
You can also center your logo. Enable the option and check the result in the preview screen.
- In the next section, set up a custom domain for your tracking page. A custom domain matches your brand's website domain so customers move seamlessly from your site to the tracking page.
- In the Customer Support block, enable the Support widget:
When enabled, this block appears on your tracking page:
Change the widget header and text using the Support Headline and Support Text fields.
- The Content block offers various settings.
Use the first field to set translations and to customize the customer greeting. For example, you can display "Hello" followed by the customer's first name.
In the next setting, add text that appears below the greeting. The text changes based on the shipment status. To translate it, click the link:
In the popup, select the journey type, collection, delivery, or reverse, then choose the shipment milestone.
To add text for this status, fill in the Default text field for the selected milestone:
To translate the text, click the + icon, select the target language, and enter the translated text.
Each change is shown immediately in the preview on the right.
Apply the same approach to other timeline settings. You can update the shipment timeline title, milestone names, and descriptions, and translate each one.
Your changes appear in the preview on the right:
Enable the Display Order Details setting to configure the order details block:
Choose which order details to display by clicking the + add field icon:
Enter a label name and select the value to display from the dropdown.
- The Social Links block, when enabled, displays links to your social media accounts.
- The Customer Feedback section, when enabled, displays the feedback widget so you can collect customer experience ratings.
To learn more about the Customer Feedback Loop, see Set up Customer Feedback Loop.
- Banner, Use the banner to add dynamic content to the tracking page for announcing new collections or promotions.
You can configure the following elements:
- Banner Button Text (e.g."Shop Now")
- Banner Button Text Link (where to redirect your customers to)
- Banner Button Background Color (e.g. white background)
- Banner Button Text Color (e.g. black text)
- Banner Caption Text
- Banner Caption Text Color
- Banner Caption Overlay Color
- Banner Image Horizontal Alignment
- Banner Image Vertical Alignment
Note: You can only upload a PNG or JPG image with a maximum size of 1 MB.
- Announcement, Create an announcement banner to highlight important news.
- Header, Set a navigation bar that matches your website. Customers can reach your site directly from the tracking page.
For each section, map links by customer language and country. Translate the category name to localize the experience further. You can also set background and text colors.
- Footer, Set a footer bar that matches your website so customers can access information on your site from the tracking page.
As with the header, map each section to different links by customer language and country. Translate the category name to localize the experience further.