Single number input mode

Add an input field to your website. When clicking on the “TRACK” button, you will be automatically redirected to the pkge.net tracking results page

Example
Examples: 9261290358097804980356

Preferences

trackNumber

Track number

Optional
language

UI language, default language is automatically detected based on the browser settings.

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

Code

<link rel="stylesheet" href="https://pkge.net/css/externalwidget.min.css">
<div class="widget-pkge-net">
    <div class="widget-pkge-net-search">
        <!--Track number input field.-->
        <input type="text" class="widget-pkge-net-textfield" id="track-number" maxlength="40" />
        <!-- Button to run the script method and start the tracking process.-->
        <input type="button" class="widget-pkge-net-button" value="Track" onclick="widgetTrack()" />
        <!-- The container where the package tracking results will be displayed.-->
        <div class="widget-pkge-net-result" id="widget-container"></div>
    </div>
    <div class="widget-pkge-net-help">Examples: <span onclick="document.getElementById('track-number').value = this.innerText">9261290358097804980356</span></div>
    <div class="widget-pkge-net-link">Package tracking – <a target="_blank" href="https://pkge.net">pkge.net</a></div>
</div>

<!--The script required for the widget's work. It can be inserted at the end of the page.-->
<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('Enter your tracking number:');
            return false;
        }

        PKGEExtWidget.trackSimple({            //Optional. Track number
            'trackNumber': trackNumber,
            //Required. UI language, default language is automatically detected based on the browser settings.
            'language': 'en'
        });
}
</script>