How to Add the “Track Order With AfterShip” Button to the Shopify Order Confirmation PageKeeping 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 forFew readers
How to Embed the Branded Tracking Page Into Your Shopify Store Using Proxy URLAfterShip 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.Few readers
Set up a Custom Domain for the Branded Tracking PageAfterShip 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 disPopular
Customize the Branded Tracking PageCreate 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.
💡 OffeSome readers
Get Shipment Reviews on Delivered Shipments Through the Branded Tracking PageShipment 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 readers
Display Product Recommendations on the Branded Tracking PageAfterShip 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 after-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.
➡️ Enable AfterShip's produFew readers
SSL Certificate for the Branded Tracking PageAfterShip 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 readers
Change the Default Language of the Branded Tracking PageThe 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 readers
Add New Languages on the Branded Tracking PageAdd 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 readers
How 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 (httpsSome readers
Supported Language ParametersYou 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:
Add AfterShip Tracking Link to Shopify Shipping NotificationsAfterShip 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 bodyFew readers
How 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 enabFew readers
Improve Post-Purchase Experience With Pre-Built AfterShip Tracking Page for ShopifyThere’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 WidgetYou 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?
You can enable shoppers to track shipments with
Order number and email
Both of the above options. By default, both of the above-mentioned options will be enabled.
Customize the widget in step with your brand and deliver a completely branded tracking experience to shopPopular
Learn About AfterShip Track ButtonTracking 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.
📌 Improved tracking
With the track button, you can offer an improved tracking experience to theFew readers
Autofill Tracking Number on the Order History PageBy 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 readers
Add Order Lookup Widget Code to Your StoreYou 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 readers
Align Track Button to the Center of the PageYou 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 readers
Add Track Button to Shopify StoreAfterShip 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 ShopifyPopular
Add Track Button to WooCommerce StoreWooCommerce 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
Insert Track Button
Log in to Wordpress admin panel Pages Select a web pFew readers
Add Track Button to Magento 1 StoreMagento 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
🔧 Insert Track Button
Login to Magento admin dashboard CMS PagFew readers
Add Track Button to Magento 2 StoreMagento 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
🔧 Insert Track Button
Login to Magento 2 admin dashboard Content Pages
Select a web page to add Track ButtonFew readers
Add Track Button to PrestaShop Store (Version 184.108.40.206)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 readers
Add Track Button to Spark Pay StoreAfterShip 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 readers
Add Track Button to 3dcart StoreWith 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
🔧 Insert Track Button
Log in to your 3dcart store Content Site content Footer EFew readers
Add Track Button to PrestaShop StorePrestaShop 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 readers
Add Track Button to CS-Cart StoreEnable 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
🔧 InserFew readers
Add 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 readers
Modify the Track Button ParameterThe 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