[HELP] How to add "Track Your Order" Button in the shipping confirmation email

[sunny96x]

Hey guys,

As we all know, when customers want to track their order, having Chinese tracking information and text can lead to an increase in disputes and chargebacks, even though we are offering high quality products with fast shipping times.

To prevent this issue, I have installed an app called "17TRACK", which automatically removes Chinese cities and text from tracking information. Please note that tracking on the website www.17track.net does NOT hide any Chinese information, only the app has the feature to hide it.

my website: www.shopstellory.com

The 17TRACK app automatically created a Track Your Order page which follows this URL: https://shopstellory.com/apps/17TRACK

For example, let's say that the customer's tracking number is YT2333821272565260.

In that case, the customer can click a button which follows this link: https://shopstellory.com/apps/17TRACK?nums=YT2333821272565260

and they will go directly to their personal track your order page, which has auto-filled their tracking information (test link above to see what I mean).

Now the problem is, my default Shopify shipping confirmation email looks like this:

 

 

There are 3 problems:

1. There aren't any clear instructions on how they can track their order, there in no point in clicking "View your order" because if the customer scrolls down, they will be able to see all the items they have ordered, under "Items in this shipment"

2. The email shows the carrier name, which will be either Yunexpress or Yanwen - both which are chinese names and can make the customer feel worried.

3. if the customer clicks the tracking number (which is a link), they will be taken to the official 17track website and NOT the app. This is what they will see:

However, if they were instead taken to the app, this is what they would see:

Now, let me explain what I need help in. I would appreciate it if someone could provide assistance!

This is my desired result:

- Instead of having a "View your order" button, I want it to be a "Track Your Order" button. When the customer will click this button, they will go to their PERSONAL tracking page on the 17track app, something like this: https://shopstellory.com/apps/17TRACK?nums=TRACKINGNUMBER and the TRACKINGNUMBER part will auto-populate based on the tracking number that is attached to the order - Please note, my supplier automatically adds shipping information when fulfilling orders. I would like this shipping number to automatically be added to the link.

- I want to remove the carrier name and just replace it with "Tracking number:"

- I want to convert the tracking number in the email to be TEXT only, NOT a link. So the customer will only have the option to click the "Track Your Order" button and the tracking number will only be visible as text so they can copy paste it.

Here is some starting code for the "Track Your Order" button:

<a href='https://shopstellory.com/apps/17TRACK?nums=TRACKINGNUMBER' style='display:inline-block; padding:10px 20px; background-color:#000000; color:white; text-decoration:none; border-radius:5px;'>Track Your Order</a>

Please find a way to auto-populate the TRACKINGNUMBER part and please fulfill the desired format above.

Thank you so much in advance!

[DeepandShan]

Hi,

Did you figure out how to do this? I want to add a "Track your Package" button to the email too