Modo de introducción de un número único

Agregue un campo para introducir el número a su sitio web. Cuando hace clic en el botón "SEGUIR" el área incrustada se expandirá para mostrar los resultados del seguimiento.

Ejemplo real
Por ejemplo: ZA871946730HK

Parámetros

trackNumber

Número para el seguimiento.

Obligatorio
containerId

ID del contenedor en el que se mostrará el resultado del seguimiento del paquete.

Obligatorio
height

La altura del marco en el que se mostrarán los resultados de la busqueda del seguimiento del paquete. El valor predeterminado es de 370.

No es obligatorio
width

El ancho del marco en el que se mostrarán los resultados del seguimiento del paquete. Por defecto se extiende a todo el ancho del contenedor.

No es obligatorio
language

El idioma de la interfaz del usuario, si no se especifica - estará determinado por la configuración del navegador del usuario.

  • de=Deutsch
  • en=English
  • es=Español
  • fr=Français
  • it=Italiano
  • ja=日本語
  • ko=한국어
  • nl=Nederlands
  • pl=Polski
  • pt=Português
  • ru=Русский
  • th=ไทย
  • tr=Türkçe
  • uk=Українська
  • zh=汉语
No es obligatorio

Código

<link rel="stylesheet" href="https://pkge.net/css/externalwidget.min.css">
<div class="widget-pkge-net">
    <div class="widget-pkge-net-search">
        <!--Campo de introducir el númseguimiento!ero de seguimiento.-->
        <input type="text" class="widget-pkge-net-textfield" id="track-number" maxlength="40" />
        <!-- Botón para llamar el método de script e iniciar el proceso de seguimiento.-->
        <input type="button" class="widget-pkge-net-button" value="Seguir" onclick="widgetTrack()" />
    </div>
    <!-- El contenedor en el que se mostrará el resultado del seguimiento del paquete.-->
    <div class="widget-pkge-net-result" id="widget-container"></div>
    <div class="widget-pkge-net-help">Por ejemplo: <span onclick="document.getElementById('track-number').value = this.innerText">ZA871946730HK</span></div>
    <div class="widget-pkge-net-link">Seguir los paquetes – <a href="https://pkge.net">pkge.net</a></div>
</div>

<!--El script  para que el widget funcione. Puede insertar al final de la página.-->
<script type="text/javascript" src="https://pkge.net/externalwidget.min.js"></script>
<script type="text/javascript">
function widgetTrack() {
        var trackNumber = document.getElementById('track-number').value;

        if (!trackNumber) {
            alert('¡Introduzca el número del seguimiento!');
            return false;
        }

        PKGEExtWidget.trackBlockIntegrated({
            //Obligatorio. Número para el seguimiento.
            'trackNumber': trackNumber,
             //Obligatorio. ID del contenedor en el que se mostrará el resultado del seguimiento del paquete.
            'containerId': 'widget-container',
             //No es obligatorio. El ancho del marco en el que se mostrarán los resultados del seguimiento del paquete. Por defecto se extiende a todo el ancho del contenedor.
            'width': 970,
             //No es obligatorio. La altura del marco en el que se mostrarán los resultados de la busqueda del seguimiento del paquete. El valor predeterminado es de 370.
            'height': 370,
            //No es obligatorio. El idioma de la interfaz del usuario, si no se especifica - estará determinado por la configuración del navegador del usuario.
            'language': 'es'
        });
}
</script>