How to add Track Your Order page at Shopify in 5 mins

If you run a Shopify store and want to let your customers track orders within your website, this simple step-by-step guide will help you insert a FREE tracking widget powered by AfterShip to your Shopify page. Your visitors can input a tracking number and display the tracking results.

Why Track Your Order Page?

By adding a Track Your Order page, you help your visitors find our where the order is within your site - not only reduce your customer inquiries abour order status but also further engage with customers after sales (instaed of sending customer to UPS / FedEx / USPS). Do you know people track 2.41 times per shipment?

Example

This is an example of Track Your Order page at Shopify - it is basically a track box that allows visitors to input a tracking number and then display the tracking results by clicking the Track Button. Track Button is a free service powered by AfterShip.

Add Track Your Order Page at Shopify

The Track Button is smart enough to auto-detect the courier of the tracking number input or you can specify the courier when inserting the track button - so that it support one specific courier (say USPS) or multiple couriers.

Add Track Your Order Page at Shopify

How to insert Track Button in Shopify (5-min setup)

Step 1. Add a new page

Add Track Your Order Page at Shopify

Step 2. Change to HTML editor by clicking < > button at content

Add Track Your Order Page at Shopify Step 2

Step 3. Insert the track button code (auto detect 100+ courier)
<div id="as-root"></div><script>(function(e,t,n){var r,i=e.getElementsByTagName(t)  [0];if(e.getElementById(n))return;r=e.createElement(t);r.id=n;r.src="// apps.aftership.com/all.js";i.parentNode.insertBefore(r,i)}) (document,"script","aftership-jssdk")</script>
<div class="as-track-button" data-counter="true" data-support="true" data-width="400"   data-size="large"></div>

You can also change your courier settings or the style of the track button. To remove powered by AfterShip wordings - please upgrade to Premium and refer to this FAQ.

Step 4. Name your URL accordingly, e.g. .../track-your-order
Step 5. Done - Test the track button

Simply input a valid tracking number in the track button, and get the tracking results (find a tracking number sample). If you specify your domain correctly, the tracking numbers added in the track button will pass to your AfterShip account, and allows you to see how many people use the track button. Each tracking record comes with an AfterShip Tracking Link (e.g. https://www.aftership.com/g1ZlIsRB) that allows users to track shipment anytime. Users can also enter an email to receive notifications of delivery updates.

For demo / questions, feel free to contact me at andrew@aftership.com. I will reply in 24 hours.

Andrew Chan

Read more posts by this author.

Subscribe to AfterShip Blog

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!