Articles on: Branded Tracking Page

Set Up and Customize the Branded Tracking Page

Overview



AfterShip Tracking offers you your own branded tracking page with full customization capabilities so you can give your customers a fully on-brand post-purchase experience and drive engagement with interactive marketing assets and product recommendations.

What you’ll learn



In this article, we will show you:

Branded tracking page customization
Configure tracking page languages
Google Analytics
Branded tracking page variations
Set up a custom domain


Branded tracking page customization



AfterShip branded tracking page makes it easier to deliver a quick, easy, and engaging shipment tracking experience. It makes building trust with your customers easier, improving engagement, and driving revenue through a branded, frictionless, and impactful post-purchase experience.

AfterShip’s tracking page editor allows you to customize your tracking experience to meet your branding and customer needs. Let’s see what customization features you get with
AfterShip Tracking’s suite of products and features.



Go to Tracking pages > Page variations in the AfterShip Tracking admin
A default tracking page would already be ready with basic customization. To go deeper with customization, click Actions > Edit to open the tracking page editor
From the top of the page, select the page you want to edit, order lookup page or tracking results page



a. Order lookup page: Allows customers to check the status of their order by adding the tracking number or order number and email/phone number
b. Tracking results page: Enables customers to see the tracking results of the tracking number/order number they’ve added

You can manage different pages in each of your page variants. By customizing the displayed assets on the page, you can ensure that shoppers receive the necessary information they need in a focused and relevant manner.

Select the theme you would like to set for your tracking page. AfterShip Tracking supports 4 tracking page themes



i) Sake theme
iI) Hero theme
iii) Nomads theme
iv) Basic theme

Each theme offers different design, style, and layout customization capabilities, offering you the complete freedom to personalize the tracking experience for your customers the way you want
Each theme focuses on highlighting the shipment updates and offering customers means to interact with your brand after-sales to drive additional revenue
By default, your tracking page would be set up in the Sake theme. You can switch between themes anytime you want and edit the layout as per requirements
Each theme supports 4 major elements



a. Sections
b. Widgets
c. Style
d. Settings

Sections & blocks available on each page



SectionTracking results pageOrder lookup page
Tracking updatesYesNo
Order lookupNoYes
Shipment reviewsYesNo
ImagesYesYes
SubscriptionYesNo
Shipment itemsYesNo
Other shipments in orderYesNo
VideoYesYes
Product recommendationsYesYes
Custom sectionsYesYes
InstagramYesYes

You can edit sections and blocks of each page separately, however, the header and footer apply to all pages under the same page variant.

Branded tracking page customization theme elements



A. Sections



The Sections tab enables you to

Customize the branding of your tracking page
Set the navigation menu to expand customer’s reach to your store
Incorporate links to your social media pages to give your audience more ways to engage and interact with your brand
Incorporate additional layout and design elements to improve engagement and customer experience
You get multiple subsections or design elements contributing to the structure and layout of the page, including



Order lookup: This section allows you to customize the order lookup widget.



Select the lookup option: Tracking number or order number along with the verification method
Add additional sections to add more relevant information or marketing assets to enhance customer experience

Applicable only to order lookup page

Tracking updates: This section is dedicated to displaying the tracking updates of each shipment in the order



The 3 column layout displays the compact tracking information section that holds a set of information which you can configure
Add additional sections to add more relevant information or marketing assets to enhance customer experience like a delivery date estimation calendar



Edit the information you want to display on the compact tracking info column

Redirect package: This section when enabled allows you to show a link to the carrier's website where customers can ask to change the delivery address



Status description: Customize the title and description for the shipments with no or pending shipment updates.



Choose the language from the dropdown and configure the content accordingly

Photo proof of delivery : Add a link for customers to view photographic proof of delivery if the carrier provides it

Supported for Enterprise plan users

Subscription: This section enables your customers to subscribe to email, SMS, and Facebook messenger tracking notifications.



Select the subscription methods for tracking notifications
Edit the section’s customer-facing title and button content
Activate tracking events for all the selected subscription methods

Shipment review: This section enables your customers to provide feedback on the delivery experience.



Allow customers to leave star and tag ratings, text ratings, or just tag rating
Customize the review section’s text prompt

Tag rating is supported for Premium and Enterprise plan users

Product recommendations: This section allows you to display additional products on the tracking page based on your recommendation engine to drive additional sales and revenue



Choose one of the supported engines– AfterShip Tracking, AfterShip Personalization, and Nosto. For more information on this, check out this article

Other shipments in order (Items and related shipments): This section when enabled will display other shipments in your order only when there are multiple shipments in a single order. It provides a concise overview of each additional shipment's content and current status and you can easily access more detailed information by opening a new window for each shipment.





Images of the items along with estimated delivery date, item title, and the option to view details of the shipment will be given.

Note: For users importing trackings with order info, this component is accessible through Order CSV, Commerce API, and Platform connection. Ensure proper import of orders and trackings. For Tracking API & CSV users, include the order number in the payload or CSV file.

Sections 3-9 can be displayed in the compact tracking section as well as the tracking page anywhere you want.

Images: This section enables you to add relevant images to increase engagement



Image section can be added thrice on the tracking page with a limit of three images in each section
Edit the section title and add hyperlinks to images

Custom section: This section allows you to create a custom section on the tracking page with six of the available blocks.



Set the title and a background image for the custom section
Use any 3 out of the 6 supported blocks at a time
Use a custom section a maximum of 20 times on the tracking page
.
Video: This section allows you to insert video on the tracking page. Check out this article for more details.



Items: This section allows you to display other items present in your order along with product name, variant, and price



Header: The section of the returns page that appears in the top margin

Under Header settings, you are offered the following settings,



The name of your store will be picked automatically, as it is already connected with the AfterShip Tracking. However, you can change the store name and URL if you want to
Upload your brand logo in JPG, PNG, JPEG, or GIF format and keep its size under 2 MB. Set the logo size and position as per your preference
Change the navigation layout of your tracking page. There are three options available
Click Add if you want to show a dedicated menu on your returns page
If there is any additional information you want to add to the header like promotion, sale, offers, business hours, etc., there is a Header message field for that

Otherwise, let it be as is

Footer: The section of the returns page that appears in the bottom margin

Under Footer settings, you are offered the following settings,



a. Social account: Add links to your Facebook, Twitter, and Instagram accounts
b. Page links: Add links to your Contact Us, Terms, and Privacy pages

Once changes are done, click Save

The aforementioned sections though available in all themes can differ in naming and placement on the page


B. Widgets



Add AfterShip Tracking’s Support Chat Widget to your branded tracking pages to reduce the number of support calls and improve customer satisfaction while they track their orders.



Get a complete tutorial here

C. Style





The Style tab enables you to set the

a. Primary font: Set font for the header, footer, and button. Choose the preferred font from the dropdown by selecting the opposing downward-facing arrow icon
b. Body font: Set a specific font for the main content of your tracking page, choose it from the dropdown menu under Body font
c. Colors: Set the color of the primary font, navigation, and header message

D. Branded tracking page settings



1. Branding


The Settings tab enables you to showcase your brand logo as a favicon



Favicons are supported in ICO or PNG format
Recommended size and dimensions are under 50 KB and 32 x 32px respectively

2. Languages


Plans: Pro, Premim, Enterprise Platforms: All platforms




Add a new language and set a default language of the tracking page to allow customers to check the status of their parcel and the page content in the local language.

By default, the tracking page is set to English, though you can change it anytime
All the checkpoint (tracking events) translations are powered by Microsoft
You can also include a language parameter in the tracking URL to pre-select the language. If the URL doesn’t contain the language parameter, the default language page will open
The supported languages will be displayed at the top of the branded tracking page from where customers can switch between them to view the tracking page in their preferred language

3. Google Analytics




If you want to monitor returns page sessions, copy the tracking code from your Google Analytics account and paste it into the given field.

Get a detailed run down on how you can connect your Google Analytics account with AfterShip Tracking here.

Preview your tracking on desktop and mobile right in the editor by switching between their respective tabs
Click Save

Additional actions



From the page variations page, you can take the following actions.



Click Actions

Select Edit to open the tracking page editor
Select Rename to edit the name of the tracking page
Select Duplicate to make a copy of the current tracking page. You will be required to edit the name of the copied tracking page since you are not allowed to keep the same name for two or more pages
Click Duplicate to another org to copy the tracking page from the current org to a different org.

Only applicable if you have multiple organizations connected to your AfterShip account

Select Delete to permanently remove the tracking page

Default tracking page cannot be deleted

Select Add segmentation rule to target specific tracking page variation to specific audience segments

Supported for Enterprise plan users

Tracking page variations



Plans: All plans Platforms: All platforms




The tracking page variation feature is designed to help you create multiple tracking pages tailored to customer segments.

Each page variation will have a different URL which will be automatically created based on the tracking page name
You can customize each page variation and test out styles and layouts as per your requirements
You can segment each tracking page with specific conditions which will be shown to customers only when those conditions are met. If a customer doesn’t fall into any of the defined conditions will be automatically directed to the default tracking page
You can choose to insert specific tracking page URLs for specific customer segments in your marketing campaigns and website
The AfterShip Tracking notifications merge tag |TRACKING_URL| will automatically direct costumers to the default tracking page
For tracking page proxy URL and Iframe code embedding on your store, you can choose a universal tracking page URL or specific page variation


Set up a custom domain or use the default URL



Plans: Premim, Enterprise Platforms: All platforms



Go to Tracking pages > Page variations in the AfterShip Tracking admin
Scroll down to URLs and domains
Click on Set up custom domain and then Set up instructions on how to get your own custom domain
Copy the default returns page URL and add it to your store's navigation if you wish to use this URL

Tip:



Chat with our support team to get your SSL activated
Use DNS only while setting up a CNAME

Checkout This detailed tutorial to set up a custom domain for your tracking page in a few simple steps.

Updated on: 01/02/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!