• Products
    Bulk Tracking
    • 17TRACK

    • Tracking API

    • Shopify app

    Mobile APP
    • Apps

  • Developers
  • Carriers Integration
  • Tools
    Tracking Widget
    Carriers
    Links
  • Help
    Help center
    Contact us
  • English
    Help us translate
    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
    Македонски
    • Message
    • No unread message.

      Network error, please try again later.

    • View all
  • Welcome back!

    Login
    Log in with:

    No account?

    Register
  • Login
  • Sign up For Free
17TRACK 17TRACK
  • Products
    Bulk Tracking
    17TRACK Tracking API Shopify app
    Mobile APP
    Apps
  • Developers
  • Carriers Integration
  • Tools
    Tracking Widget
    Carriers
    Links
  • Help
    Help center
    Contact us
Login
Register

Tracking Widget

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

  • Mode Ⅰ
  • Mode Ⅱ
  • Mode Ⅲ
  • Mode Ⅳ
  • Shopify tracking pageNEW

Here is what is it look like

LOGO TYPE
Sample: RG017001606CN

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 TYPE

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 TYPE

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 TYPE
Sample: RR123456789CN

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.
  • About us
  • Contact us
  • Help
  • Terms
  • Privacy
  • Copyright
  • About us
  • Contact us
  • Help
  • Terms
  • Privacy
  • Copyright