Display Product Recommendations on the Branded Tracking Page

Overview

AfterShip branded tracking page is a powerful asset that enables seamless tracking of shipments. You can personalize the branded tracking page to promote your brand and engage shoppers post-sales. With AfterShip, you can show AI recommendations on your branded tracking page display. You can even show product recommendations from Nosto to generate additional revenue.

AfterShip Tracking supports three ways to display products recommendations on the branded tracking page.

1. AfterShip Tracking
2. AfterShip Personalization
3. Nosto

Let's discuss each one in detail in this guide.

What you'll learn

• Supported recommendation engines
• Enable AfterShip's product recommendations

• Select Recommendation type
• Customize recommendation content
• Configure visibility settings

• Enable Nosto product recommendation
• Enable AfterShip Personalization

Supported recommendation engines

AfterShip Tracking supports 3 types of recommendation engines specifically designed for enhancing branded tracking pages. You can opt, enable, and set up the engine that best suits.

1. AfterShip Tracking
2. AfterShip Personalization
3. Nosto

1. Enable AfterShip's product recommendations

1. Select your branded tracking page on which you want to show product recommendation
2. Click Actions > Edit from the dropdown menu

3. Click + Add section. Select Product recommendations > Recommendation engine > AfterShip Tracking
4. Once done, select the store under Product source. If you have connected multiple stores with AfterShip, choose the one for which you want to show product recommendations.

Select recommendation type

Available recommendation types are: AI-powered recommendations, Product collection, Manual selection, and Based on product condition.

a. Manual selection: It means you have to select products manually that you want to recommend to recipients.

b. Product collection: It involves selecting a particular collection that you've created for your store and recommending the products it contains. By default, we consider the home page collection, so change it if you want to recommend the products of any other collection.

c. Based on product condition: Under this, you can set a condition based on the product tag and category that you’ve set on your store.

d. As far as AI recommendations are concerned, we will recommend products based on our AI algorithms. You can decide whether you want to recommend your top-selling products, recently viewed products, or frequently purchased ones.

Here's how our algorithm works:

3. Select the Recommendation type and click Save to let product recommendations come into effect

Customize recommendation section content

1. Give your recommendation section a suitable Title
2. Select the Number of products you want to show on the page
3. Click checkboxes under the Display option as per your choice, e.g., Show product name, Show product price, Show compare at price, Show buy button.
4. Merchants can edit the content under Show buy now button

Configure visibility settings

1. Devices: Select the device(s)—Desktop and/or mobile you want the product recommendations block on.
2. Statuses: Select the tracking statuses when the product recommendations block will display.

2. Enable Nosto product recommendation

Step 1: Locate Nosto account ID

A Nosto account ID is a unique identifier for a Nosto account that connects a your website to Nosto. You can find your Nosto account ID in the top-right corner of the Admin dashboard, under the shop name.

Step 2: Enable recommendation visibility

Nosto's Recommendation Visibility controls the overall global visibility of recommendations. To activate any recommendation, Recommendation Visibility needs to be enabled.

1. Go to Nosto's admin
2. From the top menu, click Product Experience Cloud > Recommendations > Settings
3. Toggle on Recommendation Visibility and save the changes

Step 3: Locate Nosto recommendation ID

1. Go to Nosto's admin.
2. From the top menu, click Product Experience Cloud > Recommendations > Create New Recommendation > Enter title.
3. Select Page Type as Other page type and under Placements and segments, select New static placement and Custom Page type.

• Configure the Placement title and ID of static element as you want.

4. On the next page, select Recommendation Type as Order Related. Configure the remaining recommendation settings based on your requirements. For more information on how to set up a recommendation on Nosto, ** follow the instructions here. **

5. Save changes.
6. On the Recommendations Overview dashboard, find the recommendation you want to use on tracking page and click its placement.

7. Copy the placement’s Injected Nosto element, which will be the recommendation id used on tracking page.

Step 4: Enable Nosto recommendations in AfterShip

1. Go to Tracking page variations > Your tracking pages. Select the page variation where you want to embed Nosto recommendations.
2. Click Actions > Edit > Product recommendations > Enable Nosto > Paste Account and Recommendation ID > Save.

3. Enable AfterShip Personalization

With AfterShip Personalization, you can activate the smart upsell widget to display personalized product recommendations based on your custom rules, content and theme settings, recommendation types, and A/B testing configuration directly on your branding tracking page. Gather more information on how to set up AfterShip Personalization integration with AfterShip Tracking ** here ** > .

Supported plans

Supported engine

Supported recommendation type by platforms

Supported platforms based on product-condition

For any further assistance, feel free to contact our support team.

Additional resources

• Troubleshooting Nosto Recommendations
• Integrate AfterShip Personalization with AfterShip Tracking

Updated on: 03/10/2024