Tracking Page
How to Add the “Track Order With AfterShip” Button to the Shopify Order Confirmation Page
Keeping a tab over orders is important for shoppers, especially when they want to give a gift to their loved ones or when there’s an urgency.
AfterShip facilitates order tracking to let shoppers have a pleasant post-purchase experience. You can even add the order tracking button on the order confirmation page. Here are the steps:
➡️ Steps to insert the “Track order with AfterShip” button
Go to your Shopify store’s Settings Look forSome readersHow to Embed the Branded Tracking Page Into Your Shopify Store Using Proxy URL
AfterShip lets you create a branded tracking page, which you can embed into your store and let shoppers track their shipments effortlessly. This help guide will explain what steps you need to follow for a successful embedding.
Step 1: Get the tracking page URL (For Shopify Platform Users Only)
Log in tFew readersSet up a Custom Domain for the Branded Tracking Page
AfterShip enables you to create a custom domain for the branded tracking page to enhance brand visibility and increase post-purchase customer engagement.
💭 How does a custom domain work?
Use your own custom URL (for example http://track.yourdomain.com/trackingnumber) to disPopularCustomize the Branded Tracking Page
Create a personalized branded tracking page to enhance customers' post-purchase experience. AfterShip branded tracking page acts as an important marketing asset. Customize it with your brand logo and store URL to promote your business and draw the attention of prospects.
🔧 A brief introduction
You can upload a promotional banner, logo, and favicon to make the tracking page more engaging. Also, connect your Facebook and Twitter profiles to build your brand and generate traffic.
💡 OffePopularGet Shipment Reviews on Delivered Shipments Through the Branded Tracking Page
Shipment reviews are a great way to see what is hindering your shipping process and driving prospects away. With a branded tracking page, you can let customers share their experience for delivered shipments.
How does this feature help?
Nurture customer relationships: Get customer feedback to improve your shipping performance and build long-lasting customer relationships
Build brand credibility: Improve your services with customer feedback to build brand credibility and loFew readersDisplay 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 AIFew readersSSL Certificate for the Branded Tracking Page
AfterShip provides an SSL certificate for users with a verified custom domain to initiate a secure session with the browser. Enabling this feature ensures that the custom domain tracking page has a secure connection.
📄 Key benefits of an SSL certificate
📌 Protect data: it encrypts all the information like IDs, passwords, credit card numbers, etc
📌 Improve shoppers trust: it ensures that their data is secure and they are more likely to revisit the site
📌 Secure payments: iFew readersChange the Default Language of the Branded Tracking Page
The language of any tracking page gets set to English by default. To let customers check the status of their parcel in the local language, you will have to change the language of your tracking page manually. Here are a few methods:
Using AfterShip account
Go to the 'Tracking pages' section and choose the page you want to edit
Click on 'Actions' and then choose 'Edit' from the dropdown menu
You will land to the Content tabFew readersAdd New Languages on the Branded Tracking Page
Add new languages on the AfterShip's branded tracking page to ensure a personalized experience for shoppers. It will further help you with:
✅ Building a strong brand image
✅ Generating more sales
✅ Analyzing shopping behavior
So, modify language settings from your AfterShip account to enable shoppers to check the content of the branded tracking page in their preferred language.
✏ Change account settings
Login to your AfterShip account and click on tFew readersHow to Add a Tracking Page to the Navigation Panel of Your Shopify Store?
Giving a phenomenal post-purchase experience is significant to attain customer delight and build brand loyalty. AfterShip lets Shopify merchants add a tracking page to the navigation panel of their store, which not only gives them a competitive advantage but also empowers their customers to check the whereabouts of their orders with no hassle.
👨💻 Steps to add a tracking page to the navigation panel of a Shopify store
Go to the ‘Tracking pages’ section of your AfterShip account (httpsPopularSupported Language Parameters
You can select the default language for your tracking page by passing the language code as a value in language parameter via API.
This feature is only applicable to tracking page theme "Sake"
There are different ways by which you can select the tracking page language. To customize the language of your tracking page with the new theme "Sake", please follow below steps.
Passing on the language parameter via API POST:
(https://storage.crisp.chat/users/helpdesk/website/9dd7275525e71800/57Some readersAdd AfterShip Tracking Link to Shopify Shipping Notifications
AfterShip branded tracking page URL can be sent as a part of Shopify shipping confirmation and update notification emails. Also, you can disable additional delivery updates.
🔧 Update Shipping notification templates
Go to your Shopify store SettingsNotificationsShipping confirmation (or Shipping update)
Search for the below-mentioned code in the HTML bodySome readersHow to Add the AfterShip Branded Tracking Page URL in Shopify’s Notifications?
Keeping customers updated about the order status is important to give them an awesome post-purchase experience and prevent unnecessary support requests.
You can now replace tracking links mentioned by default in Shopify’s notifications with the AfterShip branded tracking page URL. It ensures your store gains all the traffic instead of the carrier website and also increases the chances of sales.
What steps do I need to follow to enable the feature?
Two easy steps are all it takes to enabSome readersImprove Post-Purchase Experience With Pre-Built AfterShip Tracking Page for Shopify
There’s nothing more exciting than making your first Shopify sale. But once an order is placed, how do you make sure the customer is able to track its progress just right? Directing customers to an order status page is quintessential to a satisfactory post-purchase experience and though Shopify does offer an automated order tracking page, it currently supports only the foFew readers
Order Lookup Widget
Learn About the Order Lookup Widget
You can now add an order lookup widget to your eCommerce store in just a few minutes and easily customize the settings.
Which features can be customized?
Lookup options
You can enable shoppers to track shipments with
Tracking number
Order number and email
Both of the above options. By default, both of the above-mentioned options will be enabled.
Widget style
Customize the widget in step with your brand and deliver a completely branded tracking experience to shopPopularLearn About AfterShip Track Button
Tracking functionality can be easily enabled on the store with the AfterShip track button. It helps shoppers gain insights into their order status and provides an enhanced post-purchase experience. By embedding the Track Button to your store, shoppers can track shipments by entering the tracking number or it can be pre-input.
Key benefits
📌 Improved tracking
With the track button, you can offer an improved tracking experience to theFew readersAutofill Tracking Number on the Order History Page
By adding a data-tracking-number field to the track button code, you can auto-populate the tracking number and allow shoppers to view their order status with just a click.
💻 Pre-input tracking number
Login to your store Select page to add Track Button Edit HTML code
Copy and paste the code below after tagFew readersAdd Order Lookup Widget Code to Your Store
You can create a new page on your store, or just choose one of the existing pages to add the AfterShip order lookup widget.
Add the widget to your store
Go to your store Select a page to add track button
Copy and paste the below-mentioned code after the tagFew readersAlign Track Button to the Center of the Page
You can easily customize the placement of the AfterShip track button on your store and enable tracking. This helps you to embed the track button keeping in sync with your store design.
🔘 Align track button to the center
Add the Track Button to your store
Find the Track Button code and add tag at the beginning and tag at the end of the track button codeFew readersAdd Track Button to Shopify Store
AfterShip track button can be easily inserted into the Shopify store with just a few clicks. Also, you can customize its placement in your store so that it is in sync with the store design.
🔧 Add a new page
Login to your Shopify store Online store Pages Add pages
Add title Save changes
🔧 Insert track button
Log in to your ShopifyPopularAdd Track Button to WooCommerce Store
WooCommerce is an open-source eCommerce plugin for WordPress. It can easily add eCommerce functionality to the WordPress website. With just a few clicks the plugin can be installed on the WordPress dashboard and set up to get the store up and running.
🔧 Add track button to a new page
Add a new Web Page
Log in to Wordpress admin panel Pages Add new Enter title
Publish
Insert Track Button
Log in to Wordpress admin panel Pages Select a web pFew readersAdd Track Button to Magento 1 Store
Magento is one of the most popular eCommerce systems, written in PHP. You can insert the AfterShip Track Button to your store by embedding just a few lines of code.
🔧 Add a new Web Page
Login to Magento admin dashboard CMS Pages (top navigation) Add New Page
Enter title (e.g. Track Your Order) Enter URL Key (e.g. track-your-order)
Set status Enabled
Save changes
🔧 Insert Track Button
Login to Magento admin dashboard CMS PagFew readersAdd Track Button to Magento 2 Store
Magento 2 is an open-source eCommerce platform written in PHP. AfterShip Track Button can be easily inserted into any of your store pages by embedding just a few lines of code.
🔧 Add a new Web Page
Login to Magento 2 admin dashboard Content Pages Add New Page
Enter page information Set status Enabled
Save changes
🔧 Insert Track Button
Login to Magento 2 admin dashboard Content Pages
Select a web page to add Track ButtonFew readersAdd Track Button to PrestaShop Store (Version 1.7.6.5)
PrestaShop is an open-source eCommerce solution. Add the AfterShip track button to your store and streamline order tracking for customers across 700 couriers worldwide
🔧 Insert track button to Order History Page
Edit Theme File (order-detail.tpl)
Go to the start menu FTP Select your FTP location Theme folder Search for order-detail.tpl file
Search for the following code
<td> $line.trackingnofilter </td>
Replace it wFew readersAdd Track Button to Spark Pay Store
AfterShip Track Button allows shoppers to track orders without having to contact customer service for updates.
💡 Do you know? A survey shows, 39% shoppers wouldn't like to buy from an online store with a negative tracking experience
🔧 Add a New Page
Login to your Spark Pay account Content Pages New
Enter page name Save changes
🔧 Insert Track Button
Login to your Spark Pay account Content Pages
Select a page to add TFew readersAdd Track Button to 3dcart Store
With the AfterShip Track Button code, tracking functionality can be easily enabled on any of the web pages and/or the Order History Page.
🔧 Add a new Web Page
Log in to your 3dcart store Content Site content Footer Extra Pages Edit
Add a new page by clicking the “+” button Enter required details
Save changes
🔧 Insert Track Button
Log in to your 3dcart store Content Site content Footer EFew readersAdd Track Button to PrestaShop Store
PrestaShop is an open-source eCommerce solution. You can add the AfterShip track button to your store in just a few clicks and delight customers with a streamlined order tracking experience. Point to consider:
If you receive “The content field (English (English)) is invalid” error while adding the track button, please install the standard TinyMCE
🔧 Insert track button to a new pagFew readersAdd Track Button to CS-Cart Store
Enable tracking at your CS-Cart store with the AfterShip Track Button and allow shoppers to track orders with just one click. The Track Button helps you to provide a swift tracking experience and exceptional customer service.
🔧 Add a New Page
Login to your CS-Cart store Website Pages
Click “+” action button Add page Enter name
Create page
🔧 InserFew readersAdd Order Lookup Widget (Track Button) to BigCommerce Store
👉 Add Order Lookup Widget to BigCommerce Store
Tracking shipments correctly plays a very critical role in delivering a seamless online shopping experience.
💡 Do you know? Studies show 75% of shoppers rate order tracking as an important aspect of a delightful online purchase experience.
AfterShip track button apart from allowing shoppers to check order status with just aFew readersModify the Track Button Parameter
The data-domain parameter can be modified with a customized username and tracking link.
📌 How does it help?
The tracking results will be displayed under the custom domain
It helps to create the brand image
It assists in delivering a personalized experience
It helps build customer credibility
🔁 Update the username
Go to Organization settings Choose a username (e.g. storeabc)
Update the Track button paFew readers
How to Use Tracking Page Segmentation
Overview
Using segmentation in branded tracking pages helps you provide your customers with a unique post-purchase experience based on specific order information. Segmentation empowers you to create more compelling tracking experiences providing the most relevant content directly to your customers.
What you’ll learn
In this tutorial, we’ll discuss:
How to create segmentation rules (Few readersHow to use custom fonts on your tracking pages
Overview
As an eCommerce merchant, it is crucial to maintain consistency with respect to colors, logo, font, etc. across all platforms and outputs. AfterShip, in addition to our default fonts, allows you to upload custom fonts that you may have designed or purchased for your brand.
📢 What you’ll learn
How to upload a custom font on Shopify
Steps to add the custom font to your tracking paFew readersAdd Proof of Delivery to Branded Tracking Page
Overview
Proof of delivery (POD) is a written acknowledgment and visual proof establishing that the package has been delivered to the customer. It is a receipt that confirms that the delivery agent has made the delivery. It is an official document in which the customer confirms receiving the order or parcel.
AfterShip Tracking supports the Proof of Delivery feature on the branded tracking pageFew readersHow to Use iFrame to Embed the Branded Tracking Page Into Your Store
AfterShip Tracking allows you to seamlessly embed your branded tracking page into your store website using an iframe, providing a convenient and effortless way for shoppers to track their shipments.
How to embed a branded tracking page using iFrame
Log into your AfterShip Tracking admin dashboard
Navigate to Tracking pages Embedding
Scroll down to the Embed anywhere using iFramFew readersSet Up AfterShip Personalization Integration
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 upselFew readersAdd Alt Text to Product Images
Overview
Adding alt text to your branding tracking page’s logos, marketing assets and background images improves accessibility by helping screen-reading tools describe what an image is to visually-impaired readers and allow search engines to better crawl and rank your website.
Add alt text to images
Go to Tracking pages *Page variationsFew readersHow to Get the Best of the Sake Tracking Page Theme
Overview
Elevate your customers' post-purchase experience with a tracking page that not only informs but engages. Our Sake theme helps you seamlessly customize your tracking pages, move sections, harness the power of column layouts, etc.
This article will help you discover how you can effortlessly harness the full potential of the Sake tracking page theme.
What you’ll learn
How to change the trackinFew readersAdd Video and Playlist URL to Tracking Page
Overview
Add even more compelling content to your Branded tracking page with the YouTube video widget, which allows you to add videos and playlists from your YouTube library to the Tracking page to engage customers and present more visually appealing content.
Additional considerations
Only the Admin, Owner, and Manager can edit the tracking page
The YouTube video wiget is available only foFew readers