Skip to main content

Tracking Widget

You can insert the tracking widget to allow visitors to enter a tracking number to track shipment.

17TRACK Shopify App

Here is what is it look like

LOGO
SampleRR123456789CN

How to use it

Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.


<!--Tracking number input box.-->
<input type="text" id="YQNum" maxlength="50" />
<!--The button is used to call script method.-->
<input type="button" value="TRACK" onclick="doTrack()" />
<!--Container to display the tracking result.-->
<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">
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>

Example explanation

YQ_ContainerId

Required, Specify the container ID of the carrier content.

YQ_Height

Optional, specify tracking result height, max height 800px, default is 560px.

YQ_Fc

Optional, select carrier, default to auto identify.

YQ_Lang

English,简体中文,繁體中文,Русский,Español,Português,Français,Italiano,Deutsch,Türkçe,Čeština,日本語,한국어,Nederlands,Suomi,Polski,Українська,Magyar,Svenska,Қазақша,Ελληνικά,ภาษาไทย,Български,Slovenčina,Lietuvių,Română,Norsk,Shqip,Slovenščina,Српски,Azərbaycan,Dansk,Македонски。

YQ_Num

Required, specify the number needed to be tracked.

Here is what is it look like

LOGO

How to use it

Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.


<!--Container for displaying tracking input box.-->
<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">
YQV5.trackMulti({
//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, specify UI language, default language is automatically detected based on the browser settings.
YQ_Lang:"en"
});
</script>

Example explanation

YQ_ContainerId

Required, Specify the container ID of the carrier content.

YQ_Height

Optional, specify tracking result height, max height 800px, default is 560px.

YQ_Lang

English,简体中文,繁體中文,Русский,Español,Português,Français,Italiano,Deutsch,Türkçe,Čeština,日本語,한국어,Nederlands,Suomi,Polski,Українська,Magyar,Svenska,Қазақша,Ελληνικά,ภาษาไทย,Български,Slovenčina,Lietuvių,Română,Norsk,Shqip,Slovenščina,Српски,Azərbaycan,Dansk,Македонски。

Here is what is it look like

LOGO

How to use it

Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.


<!--Tracking result will float on this element.-->
<a id="YQElem1">RI111111111CN</a>
<span id="YQElem2">RI222222222CN</span>
<div id="YQElem9">RI999999999CN</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">
YQV5.trackSingleF1({
//Required, Specify the element ID of the floating position.
YQ_ElementId:"YQElem1",
//Optional, specify the tracking result width, min width 260px, default is 470px.
YQ_Width:470,
//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:"RI111111111CN"
});
YQV5.trackSingleF1({
YQ_ElementId:"YQElem2",
YQ_Width:470,
YQ_Height:560,
YQ_Fc:"0",
YQ_Lang:"en",
YQ_Num:"RI222222222CN"
});
YQV5.trackSingleF1({
YQ_ElementId:"YQElem9",
YQ_Width:470,
YQ_Height:560,
YQ_Fc:"0",
YQ_Lang:"en",
YQ_Num:"RI999999999CN"
});
</script>

Example explanation

YQ_ElementId

Required, Specify the element ID of the floating position.

YQ_Width

Optional, specify the tracking result width, min width 260px, default is 470px.

YQ_Height

Optional, specify tracking result height, max height 800px, default is 560px.

YQ_Fc

Optional, select carrier, default to auto identify.

YQ_Lang

English,简体中文,繁體中文,Русский,Español,Português,Français,Italiano,Deutsch,Türkçe,Čeština,日本語,한국어,Nederlands,Suomi,Polski,Українська,Magyar,Svenska,Қазақша,Ελληνικά,ภาษาไทย,Български,Slovenčina,Lietuvių,Română,Norsk,Shqip,Slovenščina,Српски,Azərbaycan,Dansk,Македонски。

YQ_Num

Required, specify the number needed to be tracked.

Here is what is it look like

LOGO
SampleRR123456789CN

How to use it

Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.


<!--Single number input, tracking result will float on this element.-->
<input type="text" id="YQNum" maxlength="50" />
<!--The button is used to call script method.-->
<input type="button" value="TRACK" onclick="doTrack()" />

<!--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">
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num==="") {
    alert("Enter your number.");
    return;
}
YQV5.trackSingleF2({
    //Required, Specify the element ID of the floating position.
    YQ_ElementId:"YQNum",
    //Optional, specify the tracking result width, min width 260px, default is 470px.
    YQ_Width:770,
    //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>

Example explanation

YQ_ElementId

Required, Specify the element ID of the floating position.

YQ_Width

Optional, specify the tracking result width, min width 260px, default is 470px.

YQ_Height

Optional, specify tracking result height, max height 800px, default is 560px.

YQ_Fc

Optional, select carrier, default to auto identify.

YQ_Lang

English,简体中文,繁體中文,Русский,Español,Português,Français,Italiano,Deutsch,Türkçe,Čeština,日本語,한국어,Nederlands,Suomi,Polski,Українська,Magyar,Svenska,Қазақша,Ελληνικά,ภาษาไทย,Български,Slovenčina,Lietuvių,Română,Norsk,Shqip,Slovenščina,Српски,Azərbaycan,Dansk,Македонски。

YQ_Num

Required, specify the number needed to be tracked.

Loading