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
MuestraRR123456789CN

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.


<!--Caja de entrada para el número de seguimiento.-->
<input type="text" id="YQNum" maxlength="50" />
<!--El botón se usa para llamar al método del script.-->
<input type="button" value="TRACK" onclick="doTrack()" />
<!--Contenedor para mostrar el resultado del seguimiento.-->
<div id="YQContainer"></div>

<!--El script puede ser puesto en la parte inferior de la página, espere hasta que la página esté cargada y luego ejecute.-->
<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({
    //Obligatorio, especifica el ID del contenedor del contenido del host.
    YQ_ContainerId:"YQContainer",
    //Opcional, especifica la altura del resultado, máximo 800px,el valor predeterminado es 560px.
    YQ_Height:560,
    //Opcional, selecciona el transportista, por defecto es auto-identificar.
    YQ_Fc:"0",
    //Opcional, especifica el idioma del UI, defecto se detecta automáticamente de los ajustes del navegador.
    YQ_Lang:"en",
    //Obligatorio, especifica el número que va a ser seguido.
    YQ_Num:num
});
}
</script>

Explicación del ejemplo

YQ_ContainerId

Obligatorio, especifica el ID del contenedor del contenido del host.

YQ_Height

Opcional, especifica la altura del resultado, máximo 800px,el valor predeterminado es 560px.

YQ_Fc

Opcional, selecciona el transportista, por defecto es auto-identificar.

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

Obligatorio, especifica el número que va a ser seguido.

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.


<!--Contenedor usado para mostrar la caja de entrada de seguimiento.-->
<div id="YQContainer"></div>

<!--El script puede ser puesto en la parte inferior de la página, espere hasta que la página esté cargada y luego ejecute.-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
YQV5.trackMulti({
//Obligatorio, especifica el ID del contenedor del contenido del host.
YQ_ContainerId:"YQContainer",
//Opcional, especifica la altura del resultado, máximo 800px,el valor predeterminado es 560px.
YQ_Height:560,
//Opcional, especifica el idioma del UI, defecto se detecta automáticamente de los ajustes del navegador.
YQ_Lang:"en"
});
</script>

Explicación del ejemplo

YQ_ContainerId

Obligatorio, especifica el ID del contenedor del contenido del host.

YQ_Height

Opcional, especifica la altura del resultado, máximo 800px,el valor predeterminado es 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.


<!--El resultado del seguimiento flotará con este elemento.-->
<a id="YQElem1">RI111111111CN</a>
<span id="YQElem2">RI222222222CN</span>
<div id="YQElem9">RI999999999CN</div>

<!--El script puede ser puesto en la parte inferior de la página, espere hasta que la página esté cargada y luego ejecute.-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
YQV5.trackSingleF1({
//Obligatorio, especifica el ID que se usará como posición para el elemento flotante.
YQ_ElementId:"YQElem1",
//Opcional, especifica el ancho del resultado, mínimo 260px,el valor predeterminado es 470px.
YQ_Width:470,
//Opcional, especifica la altura del resultado, máximo 800px,el valor predeterminado es 560px.
YQ_Height:560,
//Opcional, selecciona el transportista, por defecto es auto-identificar.
YQ_Fc:"0",
//Opcional, especifica el idioma del UI, defecto se detecta automáticamente de los ajustes del navegador.
YQ_Lang:"en",
//Obligatorio, especifica el número que va a ser seguido.
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>

Explicación del ejemplo

YQ_ElementId

Obligatorio, especifica el ID que se usará como posición para el elemento flotante.

YQ_Width

Opcional, especifica el ancho del resultado, mínimo 260px,el valor predeterminado es 470px.

YQ_Height

Opcional, especifica la altura del resultado, máximo 800px,el valor predeterminado es 560px.

YQ_Fc

Opcional, selecciona el transportista, por defecto es auto-identificar.

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

Obligatorio, especifica el número que va a ser seguido.

Here is what is it look like

LOGO
MuestraRR123456789CN

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.


<!--Entrada de un solo número, el resultado del seguimiento flotará con este elemento.-->
<input type="text" id="YQNum" maxlength="50" />
<!--El botón se usa para llamar al método del script.-->
<input type="button" value="TRACK" onclick="doTrack()" />

<!--El script puede ser puesto en la parte inferior de la página, espere hasta que la página esté cargada y luego ejecute.-->
<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({
    //Obligatorio, especifica el ID que se usará como posición para el elemento flotante.
    YQ_ElementId:"YQNum",
    //Opcional, especifica el ancho del resultado, mínimo 260px,el valor predeterminado es 470px.
    YQ_Width:770,
    //Opcional, especifica la altura del resultado, máximo 800px,el valor predeterminado es 560px.
    YQ_Height:560,
    //Opcional, selecciona el transportista, por defecto es auto-identificar.
    YQ_Fc:"0",
    //Opcional, especifica el idioma del UI, defecto se detecta automáticamente de los ajustes del navegador.
    YQ_Lang:"en",
    //Obligatorio, especifica el número que va a ser seguido.
    YQ_Num:num
});
}
</script>

Explicación del ejemplo

YQ_ElementId

Obligatorio, especifica el ID que se usará como posición para el elemento flotante.

YQ_Width

Opcional, especifica el ancho del resultado, mínimo 260px,el valor predeterminado es 470px.

YQ_Height

Opcional, especifica la altura del resultado, máximo 800px,el valor predeterminado es 560px.

YQ_Fc

Opcional, selecciona el transportista, por defecto es auto-identificar.

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

Obligatorio, especifica el número que va a ser seguido.

Loading