What is the best Shopify order tracking solution out there?

Highlighted

Trackdog. It’s fully FREE to use!!!

1. What’s Trackdog?

It provides one-stop rapid global package tracking services for postal parcels and commercial couriers in most countries around the world, including China Post, China EMS, ePacket, Singapore Post, USPS, DHL, UPS, Fedex, and more! You can track all your cross-border packages in this place.

ShopMaster_ERP_0-1597754068392.png

 

Trackdog provides a Track Button widget, you can easily embed this widget to your own website and so you will have the ability to display tracking details on your own website and it’s very convenient for your customers to check the status of their packages and the real-time updates.

There are totally 3 Track Button styles for your preference:

  • Link button
  • Search Box
  • Search Box(Native)

2. How to Embed Track Button Widget to Shopify?

Firstly, you can go to Shopify Admin > Online Store > Pages, and add a Track Your Order page. You can introduce how to track and click Show HTML.

ShopMaster_ERP_1-1597754068400.png

 

Then you can go to Trackdog, there are 3 Track Button Styles, you can select one and copy the Embed Code.

ShopMaster_ERP_2-1597754068401.png

 

Back to Shopify Admin and paste the Embed Code here, save this page.

ShopMaster_ERP_3-1597754068402.png

 

You can copy this code and paste to your Shopify page directly:

<div style="text-align: center;"><span>Enter your tracking number to see the </span><span>tracking details</span></div>

<div style="text-align: center;"> </div>

<div style="text-align: center;"><input type="text" id="trackNum" maxlength="50" /> <input type="button" onclick="inputTrack()" value="TRACK" /></div>

<div style="text-align: center;">

<script src="//static.trackdog.com/static/externalcall.min.js"></script>

<script>// <![CDATA[

function inputTrack() {

var num = document.getElementById("trackNum").value;

if (num === "") {

alert("Please enter tracking number");

return;

}

TDTrackJs.trackAppend({

TD_ContainerId: "trackContainer",

TD_Num: num,

TD_Code: "",

TD_Lang: "",

TD_Width: 770,

TD_Height: 560

});

}

// ]]></script>

</div>

 

After that, you can preview this page on Shopify.

ShopMaster_ERP_4-1597754068404.png

 

Then you can add this page to your Shopify store’s Navigation, for example, I add it to the Footer menu.

ShopMaster_ERP_5-1597754068405.png

 

Done, the Trackdog Track Button now has been embedded to your Shopify store. You can go to your store and try this feature.

ShopMaster_ERP_6-1597754068406.png

 

❤️ ShopMaster.com - FREE dropshipping solutions
✔️ Import products | Pirce and Inventory Monitor | Auto-order | Auto Fulfillment
☕ Official dropshipping partner of AliExpress, Banggood, CJDropshipping, and Chianbrands
1 Like
Highlighted

You can copy this code and paste to your Shopify page directly:

<div style="text-align: center;"><span>Enter your tracking number to see the </span><span>tracking details</span></div>

<div style="text-align: center;"> </div>

<div style="text-align: center;"><input type="text" id="trackNum" maxlength="50" /> <input type="button" onclick="inputTrack()" value="TRACK" /></div>

<div style="text-align: center;">

<script src="//static.trackdog.com/static/externalcall.min.js"></script>

<script>// <![CDATA[

function inputTrack() {

var num = document.getElementById("trackNum").value;

if (num === "") {

alert("Please enter tracking number");

return;

}

TDTrackJs.trackAppend({

TD_ContainerId: "trackContainer",

TD_Num: num,

TD_Code: "",

TD_Lang: "",

TD_Width: 770,

TD_Height: 560

});

}

// ]]></script>

</div>

 

❤️ ShopMaster.com - FREE dropshipping solutions
✔️ Import products | Pirce and Inventory Monitor | Auto-order | Auto Fulfillment
☕ Official dropshipping partner of AliExpress, Banggood, CJDropshipping, and Chianbrands
1 Like
Highlighted
Tourist
3 0 0

Great! I will try it now! Thanks for your sharing!

0 Likes