How to add a track order link in the customer order
Go to Shopify admin and then go to the Themes menu: Store admin -> Online Store -> Themes
Press the Actions button then select the Edit code from the drop-down menu.
After selecting the Edit code menu then select the Templates folder.
To add a track order link to customer order: Click the arrow button in the upper right corner to enlarge the screen then select customers/order.liquid.
Search for the word customer.order.total (CTRL + F), write the word you are looking for or look for the same code snippet as in the image below then press Enter before the end of the tag.
Then place this following code below it, and press the save button after that {% if order.fulfillment_status_label == 'Fulfilled' %} <a href="#" class="tracking_order" data-shop_name="{{shop.permanent_domain}}" data-order_number="{{order.order_number}}" data-email="{{order.email}}" >Track Order </a> {% endif %}
The javascript code below is also placed at the end of the file and hit the Save button <script type="text/javascript" src="//indocolite.myindoapps.com/application/views/js/custom/customer_trackorder.js"></script>
The following is the customer order page after the customer logs in with the URL: your-website-name/account/orders if the code placement is correct, the Track Order button will appear on the page as shown below:
When you click the Track Order button you will be redirected to the order tracking page as shown below:
