API - Embed tracking widget - TrackingMore

BFCM & 10th Anniversary Special

Don't miss the once-in-a-decade, limited-time offer!

API

Customize Track Button

Style

Carrier

Color

Size

Width

Model

Get Code

Include the follow javascript code on your page, between the <head> and </head> tags. <div id="as-root"></div><script>(function(e,t,n){var r,i=e.getElementsByTagName(t)[0];if(e.getElementById(n))return;r=e.createElement(t);r.id=n;r.src="//s.trackingmore.com/button/getbutton.js";i.parentNode.insertBefore(r,i)})(document,"script","trackingmore-jssdk")</script>

Copy and paste the code below into your page between the <body> and </body> tags.
The buttons will appear whatever you place them <div token="" class="as-track-button" data-color="448ef3" data-size="normal" data-express-code="" data-hide-tracking-number="false" data-width="600px" lang="en"></div>

Paramater	Type	Description
`data-responsive`	String	Responsive width if set to true
`data-width`	Number	Width in px
`data-size`	String	Size of Track Button. (Default:`normal` , Value:`small` , `normal` )
`data-color`	String	Button color
`data-express-code`	String	Courier code
`data-tracking-number`	String	Use this parameter only when you want to pre-input tracking number for tracking.
`data-hide-tracking-number`	Boolean	Hide tracking number when you choose to pre-input tracking number. (Default:`false`)
`token`	String	The backstage center (my.trackingmore.com) will record the tracking data when your customer use your track button to track. If you didn’t want to record them ,you can set the value as an empty string.

Transform Your
Shipment Tracking Today

Looking to automate shipment updates or improve your delivery efficiency? With TrackingMore's powerful API, you'll have all the tools at your fingertips to transform your customer's post-purchase journey.

Book a demo