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
Зразок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.


<!--Поле введення трек-коду.-->
<input type="text" id="YQNum" maxlength="50" />
<!--Ця кнопка використовується для виклику методу скрипта.-->
<input type="button" value="TRACK" onclick="doTrack()" />
<!--Контейнер для показу результатів відстеження.-->
<div id="YQContainer"></div>

<!--Код сценарію можна розмістити в нижній частині сторінки, почекайте, поки сторінка завантажиться та виконайте.-->
<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({
    //Обов'язково для заповнення, вкажіть ID контейнеру.
    YQ_ContainerId:"YQContainer",
    //Вкажіть висоту результату відстеження, макс. 800px, за замовчуванням 560 пікс.
    YQ_Height:560,
    //Виберіть перевізника, за промовчанням буде вибрано автоматично.
    YQ_Fc:"0",
    //Оберіть мову інтерфейсу, за промовчанням мова визначається автоматично, залежно від налаштувань браузера.
    YQ_Lang:"en",
    //Вкажіть трек-код для відстеження.
    YQ_Num:num
});
}
</script>

Зразок пояснення

YQ_ContainerId

Обов'язково для заповнення, вкажіть ID контейнеру.

YQ_Height

Вкажіть висоту результату відстеження, макс. 800px, за замовчуванням 560 пікс.

YQ_Fc

Виберіть перевізника, за промовчанням буде вибрано автоматично.

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

Вкажіть трек-код для відстеження.

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.


<!--Використання контейнера для відображення відстеження поля введення.-->
<div id="YQContainer"></div>

<!--Код сценарію можна розмістити в нижній частині сторінки, почекайте, поки сторінка завантажиться та виконайте.-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
YQV5.trackMulti({
//Обов'язково для заповнення, вкажіть ID контейнеру.
YQ_ContainerId:"YQContainer",
//Вкажіть висоту результату відстеження, макс. 800px, за замовчуванням 560 пікс.
YQ_Height:560,
//Оберіть мову інтерфейсу, за промовчанням мова визначається автоматично, залежно від налаштувань браузера.
YQ_Lang:"en"
});
</script>

Зразок пояснення

YQ_ContainerId

Обов'язково для заповнення, вкажіть ID контейнеру.

YQ_Height

Вкажіть висоту результату відстеження, макс. 800px, за замовчуванням 560 пікс.

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.


<!--Результат відстеження буде плавати з цим елементом.-->
<a id="YQElem1">RI111111111CN</a>
<span id="YQElem2">RI222222222CN</span>
<div id="YQElem9">RI999999999CN</div>

<!--Код сценарію можна розмістити в нижній частині сторінки, почекайте, поки сторінка завантажиться та виконайте.-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
YQV5.trackSingleF1({
//Потрібно вказати позицію плавання ID елементу.
YQ_ElementId:"YQElem1",
//Вкажіть ширину результату відстеження, мін. 260px, за замовчуванням 470 пікс.
YQ_Width:470,
//Вкажіть висоту результату відстеження, макс. 800px, за замовчуванням 560 пікс.
YQ_Height:560,
//Виберіть перевізника, за промовчанням буде вибрано автоматично.
YQ_Fc:"0",
//Оберіть мову інтерфейсу, за промовчанням мова визначається автоматично, залежно від налаштувань браузера.
YQ_Lang:"en",
//Вкажіть трек-код для відстеження.
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>

Зразок пояснення

YQ_ElementId

Потрібно вказати позицію плавання ID елементу.

YQ_Width

Вкажіть ширину результату відстеження, мін. 260px, за замовчуванням 470 пікс.

YQ_Height

Вкажіть висоту результату відстеження, макс. 800px, за замовчуванням 560 пікс.

YQ_Fc

Виберіть перевізника, за промовчанням буде вибрано автоматично.

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

Вкажіть трек-код для відстеження.

Here is what is it look like

LOGO
Зразок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.


<!--Введення одного номеру, результат відстеження буде плавати з цим елементом.-->
<input type="text" id="YQNum" maxlength="50" />
<!--Ця кнопка використовується для виклику методу скрипта.-->
<input type="button" value="TRACK" onclick="doTrack()" />

<!--Код сценарію можна розмістити в нижній частині сторінки, почекайте, поки сторінка завантажиться та виконайте.-->
<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({
    //Потрібно вказати позицію плавання ID елементу.
    YQ_ElementId:"YQNum",
    //Вкажіть ширину результату відстеження, мін. 260px, за замовчуванням 470 пікс.
    YQ_Width:770,
    //Вкажіть висоту результату відстеження, макс. 800px, за замовчуванням 560 пікс.
    YQ_Height:560,
    //Виберіть перевізника, за промовчанням буде вибрано автоматично.
    YQ_Fc:"0",
    //Оберіть мову інтерфейсу, за промовчанням мова визначається автоматично, залежно від налаштувань браузера.
    YQ_Lang:"en",
    //Вкажіть трек-код для відстеження.
    YQ_Num:num
});
}
</script>

Зразок пояснення

YQ_ElementId

Потрібно вказати позицію плавання ID елементу.

YQ_Width

Вкажіть ширину результату відстеження, мін. 260px, за замовчуванням 470 пікс.

YQ_Height

Вкажіть висоту результату відстеження, макс. 800px, за замовчуванням 560 пікс.

YQ_Fc

Виберіть перевізника, за промовчанням буде вибрано автоматично.

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

Вкажіть трек-код для відстеження.

Loading