fbpx

How To Add a Tracking Page on Shopify Store (2020) – No App Required

How To Add a Tracking Page on Shopify Store (2020) – No App Required: So In today’s post, I am going to be showing you how you can add a tracking page onto your Shopify store – step by step – without requiring any app whatsoever. Installing a tracking page onto your website could help you in increasing your conversion rate and gaining the trust of your potential customers, therefore, leading to a higher amount of conversions.

There are quite a lot of apps on Shopify including paid apps but you don’t need to install any of them. I’ve got you covered 🙂

How To Add a Tracking Page on Shopify Store (2020) – No App Required

How To Add a Tracking Page on Shopify Store

Alright, in order to create a “Track your order” page on your Shopify store, first of all, you’ll need to add a new page. For that Go to Online Store > Pages and click on the “Add Page” button. After this, Give it a title and go to the HTML code section of the post.

Once you’re here then simply copy and paste the code given below –

<div style=”text-align: center;”>Enter your tracking number here to see your order status.</div>
<br />
<div style=”text-align: center;”><input type=”text” id=”YQNum” maxlength=”50″ /> <input type=”button” value=”TRACK” onclick=”doTrack()” /></div>
<div id=”YQContainer”></div>
<!–Script code can be put in the bottom of the page, wait until the page is loaded then execute.–>
<script type=”text/javascript” src=”//www.17track.net/externalcall.js”></script>
<script type=”text/javascript”>// <![CDATA[
function doTrack() {
var num = document.getElementById(“YQNum”).value;
if(num===””){
alert(“Enter your number.”);
return;
}
YQV5.trackSingle({
//Required, Specify the container ID of the carrier content.
YQ_ContainerId:”YQContainer”,
//Optional, specify tracking result height, max height 800px, default is 560px.
YQ_Height:560,
//Optional, select carrier, default to auto identify.
YQ_Fc:”0″,
//Optional, specify UI language, default language is automatically detected based on the browser settings.
YQ_Lang:”en”,
//Required, specify the number needed to be tracked.
YQ_Num:num
});
}
// ]]></script>

After adding the HTML code and saving it, It should look something like this:

After this, you can add this page to your main menu and that’s it, The Tracking page is now gonna start working on your site as well. Please note that this script is taken from 17track.net so it’s gonna track all the orders that can be tracked on 17track.net. That’s about it for this post.

This includes tracking capability of various carriers:

  • USPS
  • UPS
  • Yanwen
  • Aliexpress standard shipping
  • DHL
  • FedEx
  • many many more!

Adding a tracking page onto your website/store is gonna increase conversion rate as the customer would feel safer and they would be able to track their orders directly from your site which is gonna help in building trust.

So Yeah that’s about it for this post, I hope that you found this post on “How To Add a Tracking Page on Shopify Store” without any app (2020) to be helpful for you. In case you have any queries regarding this then feel free to let me know in the comments section below and I’ll be happy to help you out.

Leave a Reply