Set Up AfterShip Personalization Integration
Plans: Pro, Premium, Enterprise Platforms: Shopify
Branded Tracking Page is an AfterShip Tracking service that allows you to bring your customers to your domain to track orders, offer the latest order updates, and foster additional revenue from existing customers with branded marketing solutions like product recommendations, banners, and social media links.
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 AfterShip’s Branded Tracking page here > .
You must install and connect your Shopify store with AfterShip Personalization
You must be on AfterShip Personalization’s Essentials or above plans to use AfterShip Personalization recommendation engine on the Branding Tracking page
You must set up your branding tracking page and select AfterShip Personalization as the recommendation engine
In this article, we will show you:
Configure recommendation engine on tracking page
Set up smart upsell widget
Go to Tracking pages > Page variations in the AfterShip Tracking admin.
Select the tracking page you want to edit and click Actions > Edit.
Go to the Product recommendations section and choose AfterShip Personalization as the recommendation engine. If you are setting up product recommendations on your tracking page for the first time, click +Add section > Product recommendations.
If you are using AfterShip Personalization for the first time, click Connect Personalization to install the app. Once the app is installed, move to the Tracking page smart upsell widget section on the AfterShip Personalization admin.
Click Create widget to start building your tracking pape recommendation campaign (See the next section for detailed instructions).
Once your widget is set up, its widget ID will automatically sync to your AfterShip Tracking Page. Select the enabled AfterShip Personalization smart upsell widget you want to display on your tracking page from the Widget ID dropdown. Cross-check the widget ID to ensure the widget you want to enable
If you have configured multiple stores under AfterShip Personalization and set up multiple smart upsell widgets for each store, they all will be displayed in the dropdown under their respective store names.
Click Edit widget to modify the recommendation rules and interaction styles. You will be redirected to the AfterShip Personalization admin, where you can edit the widget.
Click Create widget to create a product recommendation widget from the scratch on the AfterShip Personalization admin.
Move back to the tracking page editor and go to the Style tab to customize AfterShip Personalization product recommendation section's background color, title font, font size, text color, and alignment, and product images' shape radius. The core look and feel of the product recommendations can only be edited on AfterShip Personalization.
Hit Save.
Navigate to Smart upsell widgets in the AfterShip Personalization admin.
Move to Tracking page under the Post-purchase section and click Get started.
A widget ID will be automatically created for every pre and post-purchase scenario while setting up the product recommendation rules and configuring widget display and style settings.
Click Create widget to land on the widget editor, where you can customize the recommendation types, display rules, style settings, and A/B testing rules.
a. Settings: Configure the recommendation type, set up custom display rules, pin your most sought-after products, and exclude certain products from the recommendation algorithm.
Scroll down to Installation, and you will find the widget's unique ID and the complete installation guide to enable AfterShip Personalization product recommendation widget on the branded tracking page. Just click View instructions to open the popup guide.
The widget code can also be accessed from the widget dashboard and widget editor’s main header.
b. Display: Customize the widget and product title, border, padding, content layout, alignment, variant selector, and CTA buttons text. Configure how each element would look on both desktop and mobile.
c. Style: Customize the color and font of the various elements of the product recommendation widget to match your branded tracking page.
d. A/B testing: Set up two versions of your widget and see which version interacts and performs better with different sets of customers. Know more about A/B testing here.
Click Save
Shift between the preview options on the top bar to see how the widget would look on both desktop and mobile
View the performance of your branded tracking page personalization recommendation widget, including impressions, conversion rate, and revenue on the Tracking Page dashboard
You can create multiple smart upsell widgets for your branded tracking page with different rules and settings based on your end goal
Only one widget on the branded tracking page can be activated at a time, irrespective of how many widgets are activated in the AfterShip Personalization admin.
For any further questions or help, please contact our chat support team
Overview
Branded Tracking Page is an AfterShip Tracking service that allows you to bring your customers to your domain to track orders, offer the latest order updates, and foster additional revenue from existing customers with branded marketing solutions like product recommendations, banners, and social media links.
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 AfterShip’s Branded Tracking page here > .
Important considerations
You must install and connect your Shopify store with AfterShip Personalization
You must be on AfterShip Personalization’s Essentials or above plans to use AfterShip Personalization recommendation engine on the Branding Tracking page
You must set up your branding tracking page and select AfterShip Personalization as the recommendation engine
What you’ll learn
In this article, we will show you:
Configure recommendation engine on tracking page
Set up smart upsell widget
Configure personalization recommendation engine on AfterShip Tracking
Go to Tracking pages > Page variations in the AfterShip Tracking admin.
Select the tracking page you want to edit and click Actions > Edit.
Go to the Product recommendations section and choose AfterShip Personalization as the recommendation engine. If you are setting up product recommendations on your tracking page for the first time, click +Add section > Product recommendations.
If you are using AfterShip Personalization for the first time, click Connect Personalization to install the app. Once the app is installed, move to the Tracking page smart upsell widget section on the AfterShip Personalization admin.
Click Create widget to start building your tracking pape recommendation campaign (See the next section for detailed instructions).
Once your widget is set up, its widget ID will automatically sync to your AfterShip Tracking Page. Select the enabled AfterShip Personalization smart upsell widget you want to display on your tracking page from the Widget ID dropdown. Cross-check the widget ID to ensure the widget you want to enable
If you have configured multiple stores under AfterShip Personalization and set up multiple smart upsell widgets for each store, they all will be displayed in the dropdown under their respective store names.
Click Edit widget to modify the recommendation rules and interaction styles. You will be redirected to the AfterShip Personalization admin, where you can edit the widget.
Click Create widget to create a product recommendation widget from the scratch on the AfterShip Personalization admin.
Move back to the tracking page editor and go to the Style tab to customize AfterShip Personalization product recommendation section's background color, title font, font size, text color, and alignment, and product images' shape radius. The core look and feel of the product recommendations can only be edited on AfterShip Personalization.
Hit Save.
Create or edit AfterShip Personalization tracking page smart upsell widget
Navigate to Smart upsell widgets in the AfterShip Personalization admin.
Move to Tracking page under the Post-purchase section and click Get started.
A widget ID will be automatically created for every pre and post-purchase scenario while setting up the product recommendation rules and configuring widget display and style settings.
Click Create widget to land on the widget editor, where you can customize the recommendation types, display rules, style settings, and A/B testing rules.
a. Settings: Configure the recommendation type, set up custom display rules, pin your most sought-after products, and exclude certain products from the recommendation algorithm.
Scroll down to Installation, and you will find the widget's unique ID and the complete installation guide to enable AfterShip Personalization product recommendation widget on the branded tracking page. Just click View instructions to open the popup guide.
The widget code can also be accessed from the widget dashboard and widget editor’s main header.
b. Display: Customize the widget and product title, border, padding, content layout, alignment, variant selector, and CTA buttons text. Configure how each element would look on both desktop and mobile.
c. Style: Customize the color and font of the various elements of the product recommendation widget to match your branded tracking page.
d. A/B testing: Set up two versions of your widget and see which version interacts and performs better with different sets of customers. Know more about A/B testing here.
Click Save
Shift between the preview options on the top bar to see how the widget would look on both desktop and mobile
View the performance of your branded tracking page personalization recommendation widget, including impressions, conversion rate, and revenue on the Tracking Page dashboard
You can create multiple smart upsell widgets for your branded tracking page with different rules and settings based on your end goal
Only one widget on the branded tracking page can be activated at a time, irrespective of how many widgets are activated in the AfterShip Personalization admin.
For any further questions or help, please contact our chat support team
Updated on: 22/08/2024
Thank you!