Track Button

This tracking widget allows site visitors to track shipment on your website

Input Mode

Add an input box on your website and click on the 'TRACK' button.

Preview:

Sample: ERD115325743MY

<input type="text" id="TrackNo" maxlength="50">
<input type="button" value="TRACK" onclick="inputTrack()">
<script src="//www.tracking.my/track-button.js"></script>
<script>
  function inputTrack() {
    var num = document.getElementById("TrackNo").value;
    if(num===""){
      alert("Please enter tracking number");
      return;
    }
    TrackButton.track({
      tracking_no: num
    });
  }
</script>

Link Mode

Add a link to your tracking number on your website.

Preview:

<a onclick="linkTrack(this.innerText)">ERD115325743MY</a>
<button onclick="linkTrack('ERD115325743MY')">TRACK</button>
<script src="//www.tracking.my/track-button.js"></script>
<script>
  function linkTrack(num) {
    TrackButton.track({
      tracking_no: num
    });
  }
</script>

Embed Mode

Add an embed to show tracking result on your website.

Preview:

<div id="embedTrack"></div>
<script src="//www.tracking.my/track-button.js"></script>
<script>
  TrackButton.embed({
    selector: "#embedTrack",
    tracking_no: "ERD115325743MY"
  });
</script>

Parameter Reference

Parameter Required Default Value Description
tracking_no Yes - Specify the tracking number needed to be tracked.
courier No - Specify the courier company, default to auto detect. Get courier list at HERE.
theme No light Specify the theme, available option: "light", "dark"
width No 450px Specify the tracking result width.
height No 625px Specify the tracking result height.

Other Supported Plugin