Widget | Track Package

<!DOCTYPE html><html lang="en"><head> <title>Widget | Track Package | 17TRACK</title><meta name="description" content="17TRACK External Call, floating mode for single number link."><meta name="keywords" content="17TRACK, External Call, Embeded Mode, Iframe, Call, API"> <meta property="og:title" content="Widget Track Package | 17TRACK"/><meta property="og:description" content="17TRACK external call, supports both single number and multiple numbers input boxes with three different call modes which are embedded mode, floating mode and new window mode."/><meta property="og:url" content="https://extcall.17track.net"/><meta property="og:image" content="https://res.17track.net/global-v2/imgs/oauth_image/share.png"/><meta itemprop="name" content="Widget Track Package | 17TRACK"/><meta itemprop="description" content="17TRACK external call, supports both single number and multiple numbers input boxes with three different call modes which are embedded mode, floating mode and new window mode."/><meta itemprop="url" content="https://extcall.17track.net"/><meta itemprop="image" content="https://res.17track.net/global-v2/imgs/oauth_image/share.png"/><link yqrole="css" href="//res.17track.net/global-v2/css/bootstrap.min.css?v=d5dbca8b47" rel="stylesheet"><link yqrole="css" href="//res.17track.net/global-v2/css/bootstrap-extend.min.css?v=308c237350" rel="stylesheet"><link yqrole="css" href="//res.17track.net/global-v2/css/site.min.css?v=3ee239dc9f" rel="stylesheet"><link yqrole="css" href="//res.17track.net/global-v2/merge-css/base-vendor/base-vendor.min.css?v=666b344e3e" rel="stylesheet"><link yqrole="css" href="//res.17track.net/global-v2/merge-css/base-site/base-site.min.css?v=617e6b05cc" rel="stylesheet"><link yqrole="css" href="//res.17track.net/asset/merge-css/base-site/base-site.min.css?v=617e6b05cc" rel="stylesheet"><link yqrole="css" href="//res.17track.net/asset/carrier/css/carrier.min.css?v=bd7e2a89da" rel="stylesheet"><link yqrole="css" href="//res.17track.net/extcall/css/yq-track-core.min.css?v=9971d8eef5" rel="stylesheet"><link yqrole="css" href="//res.17track.net/extcall/css/common.min.css?v=ca5a461ea4" rel="stylesheet"> <link rel="canonical" href="https://extcall.17track.net/en"> <link rel="alternate" hreflang="x-default" href="https://extcall.17track.net/en"> <link rel="alternate" hreflang="en" href="https://extcall.17track.net/en"/> <link rel="alternate" hreflang="ja" href="https://extcall.17track.net/ja"/> <link rel="alternate" hreflang="ko" href="https://extcall.17track.net/ko"/> <link rel="alternate" hreflang="fi" href="https://extcall.17track.net/fi"/> <link rel="alternate" hreflang="pl" href="https://extcall.17track.net/pl"/> <link rel="alternate" hreflang="tr" href="https://extcall.17track.net/tr"/> <link rel="alternate" hreflang="cs" href="https://extcall.17track.net/cs"/> <link rel="alternate" hreflang="it" href="https://extcall.17track.net/it"/> <link rel="alternate" hreflang="de" href="https://extcall.17track.net/de"/> <link rel="alternate" hreflang="es" href="https://extcall.17track.net/es"/> <link rel="alternate" hreflang="fr" href="https://extcall.17track.net/fr"/> <link rel="alternate" hreflang="ru" href="https://extcall.17track.net/ru"/> <link rel="alternate" hreflang="pt" href="https://extcall.17track.net/pt"/> <link rel="alternate" hreflang="nl" href="https://extcall.17track.net/nl"/> <link rel="alternate" hreflang="uk" href="https://extcall.17track.net/uk"/> <link rel="alternate" hreflang="hu" href="https://extcall.17track.net/hu"/> <link rel="alternate" hreflang="sv" href="https://extcall.17track.net/sv"/> <link rel="alternate" hreflang="kk" href="https://extcall.17track.net/kk"/> <link rel="alternate" hreflang="el" href="https://extcall.17track.net/el"/> <link rel="alternate" hreflang="th" href="https://extcall.17track.net/th"/> <link rel="alternate" hreflang="bg" href="https://extcall.17track.net/bg"/> <link rel="alternate" hreflang="sk" href="https://extcall.17track.net/sk"/> <link rel="alternate" hreflang="lt" href="https://extcall.17track.net/lt"/> <link rel="alternate" hreflang="ro" href="https://extcall.17track.net/ro"/> <link rel="alternate" hreflang="no" href="https://extcall.17track.net/no"/> <link rel="alternate" hreflang="sq" href="https://extcall.17track.net/sq"/> <link rel="alternate" hreflang="sl" href="https://extcall.17track.net/sl"/> <link rel="alternate" hreflang="sr" href="https://extcall.17track.net/sr"/> <link rel="alternate" hreflang="az" href="https://extcall.17track.net/az"/> <link rel="alternate" hreflang="da" href="https://extcall.17track.net/da"/> <link rel="alternate" hreflang="mk" href="https://extcall.17track.net/mk"/> <meta charset="utf-8"><link rel="dns-prefetch" href="//www.google-analytics.com"><link rel="shortcut icon" href="//res.17track.net/global-v2/favicon.ico?v=20170712"><link rel="image_src" href="https://res.17track.net/global-v2/imgs/oauth_image/share.png"><link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://res.17track.net/global-v2/imgs/oauth_image/apple_touch_152x152.png"><link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://res.17track.net/global-v2/imgs/oauth_image/apple_touch_144x144.png"><link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://res.17track.net/global-v2/imgs/oauth_image/apple_touch_120x120.png"><link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://res.17track.net/global-v2/imgs/oauth_image/apple_touch_114x114.png"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://res.17track.net/global-v2/imgs/oauth_image/apple_touch_76x76.png"><link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://res.17track.net/global-v2/imgs/oauth_image/apple_touch_72x72.png"><link rel="apple-touch-icon-precomposed" sizes="60x60" href="https://res.17track.net/global-v2/imgs/oauth_image/apple_touch_60x60.png"><link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://res.17track.net/global-v2/imgs/oauth_image/apple_touch_57x57.png"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="renderer" content="webkit"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><meta name="msapplication-tap-highlight" content="no"><meta name="author" content="admin@17track.net"><meta name="apple-itunes-app" content="app-id=1004956012"><meta name="google-play-app" content="app-id=yqtrack.app"><meta name="msApplication-ID" content="17TRACK.17TRACK"><meta name="msApplication-PackageFamilyName" content="17TRACK.17TRACK_vs3bzqqr3bhre"><meta property="qc:admins" content="1027553633526174213366547"><script src="//www.17track.net/home/getcountry?r=js"></script> <script> var YQ = YQ || {}, V5Front = V5Front || {}; YQ.configs = { filePath: "/index", isDefaultFilePath: true, lang: "en", supportLang: "en,zh-cn,zh-hk,ja,ko,fi,pl,tr,cs,it,de,es,fr,ru,pt,nl,uk,hu,sv,kk,el,th,bg,sk,lt,ro,no,sq,sl,sr,az,da,mk", zendeskLang: "en-us", env: "production", version: "Tue, 30 Jul 2024 01:43:44 GMT", md5: "84a7641", manifest: {}, adId: "61953607" }; var YQG = YQG || { sendSocialShare: function () {}, sendLogError: function () {}, sendPageView: function () {}, sendLogInfo: function () {}, sendEvent: function () {}, sendSocialFollow: function () {}, sendTiming: function () {}, initDisplay: function () {}, loadDaJs: function () {}, addItem: function () {}, refresh: function () {}, resize: function () {}, setInterval: function () {}, initRefresh: function () {} }; </script></head><body class="header-fixTop hf-fixWidth ext-index undefined" data-menu-arrange="undefined"><script yqrole="js" src="//res.17track.net/global-v2/vendor-yq/browser/browser.min.js?v=900d689e22"></script> <header class="navbar navbar-default yq-header yq-header-v3" data-el="header-v3"> <div class="container-fluid"> <div class="navbar-header pull-right"> <button type="button" class="navbar-toggle hamburger hamburger-close collapsed yq-mobile-menu-btn" data-toggle="collapse" data-target="#yq-mobile-site-navbar"> <span class="hamburger-bar"></span> </button> <ul class="nav navbar-toolbar navbar-right navbar-toolbar-right yq-navbar-toolbar yq-navbar-normal"> <li class="yq-dropdown-menu-media-apps visible-lg" > <a class="text-truncate" data-toggle="dropdown" href="javascript:void(0)" title="Products"> <span class="text">Products</span><span class="caret"></span> </a> <div class="dropdown-menu yq-moreapp-container yq-dropdown-products fix-max-height dropdown-menu-left yq-ani-tl yq-dropdown-icontext"> <div class="yq-products-stitle">Bulk Tracking</div> <ul class="list-group yq-list-group-moreapp"> <li class="list-group-item"> <a href="//www.17track.net/en" title="17TRACK" yqg-events="{C:事件操作,A:导航-功能,L:九宫格-www}" > <span class="spr-apps-www"></span> <p>17TRACK</p> </a> </li> <li class="list-group-item"> <a href="//www.17track.net/en/api" title="Tracking API" yqg-events="{C:事件操作,A:导航-功能,L:九宫格-api}" > <span class="spr-apps-api"></span> <p>Tracking API</p> </a> </li> <li class="list-group-item"> <a href="https://www.17track.net/en/track_page?utm_source=www.17track.net&utm_medium=referer&utm_campaign=20220510-trackcenter-landing-page" title="Shopify app" target="_blank" yqg-events="{C:事件操作,A:导航-功能,L:九宫格-ShopifyApp}" > <span class="spr-apps-ShopifyApp"></span> <p>Shopify app</p> </a> </li> </ul> <div class="yq-products-stitle">Mobile APP</div> <ul class="list-group yq-list-group-moreapp"> <li class="list-group-item"> <a href="//www.17track.net/en/app" title="Apps" yqg-events="{C:事件操作,A:导航-功能,L:九宫格-app}" > <span class="spr-apps-app"></span> <p>Apps</p> </a> </li> </ul> </div> </li> <li class="visible-lg " > <a class="" href="//www.17track.net/en/api" target="_blank" title="Developers"> <span class="text">Developers</span> </a> </li> <li class="visible-lg " > <a class="" href="//features.17track.net/en/carriersettlein" target="_self" title="Carriers Integration"> <span class="text">Carriers Integration</span> </a> </li> <li class="visible-lg active" > <a class="" data-toggle="dropdown" href="javascript:void(0)" title="Tools"> <span class="text">Tools</span> <span class="caret"></span> </a> <div class="dropdown-menu yq-dropdown-icontext yq-dropdown-320 fix-max-height" > <div class="list-group list-group-menu active"> <a class="list-group-item" href="//extcall.17track.net/" title="Tracking Widget" target="_self"> <i class="spr-apps-24x24-extcall"></i> <span>Tracking Widget</span> </a> </div> <div class="list-group list-group-menu "> <a class="list-group-item" href="//www.17track.net/carriers" title="Carriers" target="_self"> <i class="spr-apps-24x24-carrierlist"></i> <span>Carriers</span> </a> </div> <div class="list-group list-group-menu "> <a class="list-group-item" href="//links.17track.net" title="Links" target="_self"> <i class="spr-apps-24x24-links"></i> <span>Links</span> </a> </div> </div> </li> <li class="visible-lg " > <a class="" data-toggle="dropdown" href="javascript:void(0)" title="Help"> <span class="icon fa-help-outline margin-right-5"></span> <span class="text">Help</span> </a> <div class="dropdown-menu yq-dropdown-240 fix-max-height" > <div class="list-group list-group-menu "> <a class="list-group-item" href="//help.17track.net" title="Help center" target="_blank"> <span>Help center</span> </a> </div> <div class="list-group list-group-menu "> <a class="list-group-item" href="//about.17track.net/contactus" title="Contact us" target="_self"> <span>Contact us</span> </a> </div> </div> </li> <li class="" > <a class="text-truncate" data-toggle="dropdown" href="javascript:void(0)" title="English"> <span class="icon fa-globe margin-right-5"></span> <span class="text">English</span> <span class="caret"> </a> <div class="dropdown-menu yq-dropdown-240 fix-max-height" yq-data="scrollBox"> <div><div> <a class="list-group-item" target="_blank" href="https://help.17track.net/hc/en-us/articles/235533167" title="Help us translate">Help us translate</a> <div class="divider"></div><a class="list-group-item" href="/en" title="English" data-lang="en"><div>English</div></a><a class="list-group-item" href="/zh-cn" title="Chinese Simplified" data-lang="zh-cn"><div>简体中文</div></a><a class="list-group-item" href="/zh-hk" title="Chinese Traditional" data-lang="zh-hk"><div>繁體中文</div></a><a class="list-group-item" href="/ru" title="Russian" data-lang="ru"><div>Русский</div></a><a class="list-group-item" href="/es" title="Spanish" data-lang="es"><div>Español</div></a><a class="list-group-item" href="/pt" title="Portuguese" data-lang="pt"><div>Português</div></a><a class="list-group-item" href="/fr" title="French" data-lang="fr"><div>Français</div></a><a class="list-group-item" href="/it" title="Italian" data-lang="it"><div>Italiano</div></a><a class="list-group-item" href="/de" title="German" data-lang="de"><div>Deutsch</div></a><a class="list-group-item" href="/tr" title="Turkish" data-lang="tr"><div>Türkçe</div></a><a class="list-group-item" href="/cs" title="Czech" data-lang="cs"><div>Čeština</div></a><a class="list-group-item" href="/ja" title="Japanese" data-lang="ja"><div>日本語</div></a><a class="list-group-item" href="/ko" title="Korean" data-lang="ko"><div>한국어</div></a><a class="list-group-item" href="/nl" title="Dutch" data-lang="nl"><div>Nederlands</div></a><a class="list-group-item" href="/fi" title="Finnish" data-lang="fi"><div>Suomi</div></a><a class="list-group-item" href="/pl" title="Polish" data-lang="pl"><div>Polski</div></a><a class="list-group-item" href="/uk" title="Ukrainian" data-lang="uk"><div>Українська</div></a><a class="list-group-item" href="/hu" title="Hungarian" data-lang="hu"><div>Magyar</div></a><a class="list-group-item" href="/sv" title="Swedish" data-lang="sv"><div>Svenska</div></a><a class="list-group-item" href="/kk" title="Kazakh" data-lang="kk"><div>Қазақша</div></a><a class="list-group-item" href="/el" title="Greek" data-lang="el"><div>Ελληνικά</div></a><a class="list-group-item" href="/th" title="Thai" data-lang="th"><div>ภาษาไทย</div></a><a class="list-group-item" href="/bg" title="Bulgarian" data-lang="bg"><div>Български</div></a><a class="list-group-item" href="/sk" title="Slovak" data-lang="sk"><div>Slovenčina</div></a><a class="list-group-item" href="/lt" title="Lithuanian" data-lang="lt"><div>Lietuvių</div></a><a class="list-group-item" href="/ro" title="Romanian" data-lang="ro"><div>Română</div></a><a class="list-group-item" href="/no" title="Norwegian" data-lang="no"><div>Norsk</div></a><a class="list-group-item" href="/sq" title="Albanian" data-lang="sq"><div>Shqip</div></a><a class="list-group-item" href="/sl" title="Slovenian" data-lang="sl"><div>Slovenščina</div></a><a class="list-group-item" href="/sr" title="Serbian" data-lang="sr"><div>Српски</div></a><a class="list-group-item" href="/az" title="Azerbaijani" data-lang="az"><div>Azərbaycan</div></a><a class="list-group-item" href="/da" title="Danish" data-lang="da"><div>Dansk</div></a><a class="list-group-item" href="/mk" title="Macedonian" data-lang="mk"><div>Македонски</div></a></div></div> </div> </li> <li class="yq-dropdown-menu-media-msg hide" data-elem="msgdropdown"> <a data-toggle="dropdown" href="javascript:void(0)" title="Message" class="yq-head-msg yq-navbar-menuIcon-24" data-animation="scale-up"> <span class="avatar avatar-busy avatar-lg icon fa-notifications"> <i class="hide"></i> </span> </a> <ul class="dropdown-menu dropdown-menu-right dropdown-menu-media"> <li class="dropdown-menu-header"> <div class="header-title">Message</div> <button data-msg="allRead" class="btn btn-pure btn-dark btn-link dropdown-menu-header-btn" yqg-events="{C:事件操作,A:导航-功能,L:17站内信,V:标记为全部已读}">Mark all as read</button> </li> <li data-elem="headerMsgList" class="panel panel-transparent is-loading"> <div yq-data="scrollBox"> <div><div><div class="list-group" data-elem="msg"></div></div></div> </div>  <div class="yq-msg-nomsg vertical-align panel text-center hide"> <div class="vertical-align-middle"> <p>No unread message.</p> <span></span> </div> </div>  <div class="yq-msg-network-err vertical-align panel text-center hide"> <div class="vertical-align-middle"> <p>Network error, please try again later.</p> <span></span> <button type="button" data-elem="yq-msg-refresh" class="btn btn-success">Refresh</button> </div> </div> </li> <li class="dropdown-menu-footer text-center"> <div><a href="//msg.17track.net" class="btn btn-pure btn-primary btn-link" yqg-events="{C:事件操作,A:导航-功能,L:17站内信,V:查看全部}">View all</a></div> </li> </ul> <script id="yq-header-msg-tpl" type="text/html"> <% for(var i=0,len=msgList.length; i<len; i++){ %> <a class="list-group-item" href="//msg.17track.net/detail/#id=<%= msgList[i].id%>" data-msgid="<%= msgList[i].id%>" data-time="<%= msgList[i].createTime%>" yqg-events="{C:事件操作,A:导航-功能,L:17站内信,V:点击标题}"> <div class="media yq-head-msg-unread"> <div class="media-left padding-right-10"> <i class="icon fa-envelope bg-grey-200 icon-circle"></i> </div> <div class="media-body"> <h6 class="media-heading"><%= msgList[i].title%></h6> <time class="media-meta" datetime="<%= msgList[i].createTime%>"><%= timeFormat(msgList[i].createTime)%></time> </div> </div> </a> <% } %> <% if(UnReadJCount>10){ %> <p class="yq-lave"> <%= strFormat("{0} unread messages not displayed yet.",count)%> </p> <% } %> </script> </li> <li class="yq-userinfo hide" yq-data="userInfoContainer"> <a class="navbar-avatar" data-toggle="dropdown" href="javascript:void(0)"> <span class="avatar avatar-off spr-avatar-0" yq-data="userAvatarSmall"><i></i></span> </a> <div class="dropdown-menu dropdown-menu-media yq-dropdown-menu-media-user"> <div class="dropdown-menu-header clearfix"> <p class="margin-bottom-5 font-weight-500">Welcome back!</p> <a class="btn btn-block btn-sm btn-primary" yq-data="loginUrl" href="//user.17track.net">Login</a> <div class="margin-top-15"> <span>Log in with:</span> <a class="margin-left-10 vertical-align-middle icon spr-social-google" data-ele="social" data-type="google" title="Google+" href="javascript:void(0)"></a> <a class="margin-left-10 vertical-align-middle icon spr-social-facebook" data-ele="social" data-type="facebook" title="Facebook" href="javascript:void(0)"></a> <a class="margin-left-10 vertical-align-middle icon spr-social-vk" data-ele="social" data-type="vk" title="VKontakte" href="javascript:void(0)"></a> <a class="margin-left-10 vertical-align-middle icon spr-social-qq" data-ele="social" data-type="qq" title="QQ" href="javascript:void(0)"></a> <a class="margin-left-10 vertical-align-middle icon spr-social-wechat" data-ele="social" data-type="wechat" title="WeChat" href="javascript:void(0)"></a> <a class="margin-left-10 vertical-align-middle icon spr-social-alipay" data-ele="social" data-type="alipay" title="Alipay" href="javascript:void(0)"></a> </div> </div> <div class="dropdown-menu-footer yq-user-footer clearfix"> <div class="padding-20"> <p class="orange-500 margin-bottom-5">No account?</p> <a class="btn btn-block btn-sm btn-warning" yq-data="registerUrl" href="//user.17track.net/register">Register</a> </div> </div> </div> </li> <li class="hide navbar-btn" data-el="notlogged"> <div><a class="btn btn-warning btn-pure yq-btn-flat btn-round font-weight-600" href="//user.17track.net">Login</a></div> </li> <li class="hide navbar-btn" data-el="notlogged"> <div><a class="btn btn-warning btn-round font-weight-600" href="//user.17track.net/register">Sign up For Free</a></div> </li> </ul> </div> <div class="navbar-header"> <div class="navbar-brand"> <a class="text-top" href="//www.17track.net/en" title="17TRACK"> <img yqrole="img" src="//res.17track.net/global-v2/imgs/logo/svg/full_owt_296x48.svg?v=3c2ed98eac" class="navbar-brand-logo hidden-xs yq-default-logo" alt="17TRACK"> <img yqrole="img" src="//res.17track.net/global-v2/imgs/logo/svg/square_bot_128x90.svg?v=c2ee9cb16c" class="navbar-brand-logo visible-xs yq-default-logo" alt="17TRACK"> </a> </div> </div> <div class="navbar-collapse collapse yq-mobile-navbar navbar-header" id="yq-mobile-site-navbar"> <div class="yq-mobile-navbar-main"> <div class="yq-prj-mobile-navbar"> <ul class="nav navbar-nav is-full yq-navbar-toolbar"> <li class="" > <a class="text-truncate" data-toggle="dropdown" href="javascript:void(0)" title="Products"> <span class="text">Products</span><span class="caret"></span> </a> <div class="dropdown-menu dropdown-menu-left yq-ani-tl yq-dropdown-icontext "> <div class="list-group list-group-menu"> <div class="yq-products-stitle">Bulk Tracking</div> <a class="list-group-item" href="//www.17track.net" title="17TRACK" yqg-events="{C:事件操作,A:导航-功能,L:九宫格-www}" > <i class="spr-apps-24x24-www"></i> <span>17TRACK</span> </a> <a class="list-group-item" href="//api.17track.net" title="Tracking API" yqg-events="{C:事件操作,A:导航-功能,L:九宫格-api}" > <i class="spr-apps-24x24-api"></i> <span>Tracking API</span> </a> <a class="list-group-item" href="https://www.17track.net/track_page?utm_source=www.17track.net&utm_medium=referer&utm_campaign=20220510-trackcenter-landing-page" title="Shopify app" target="_blank" yqg-events="{C:事件操作,A:导航-功能,L:九宫格-ShopifyApp}" > <i class="spr-apps-24x24-ShopifyApp"></i> <span>Shopify app</span> </a> </div> <div class="list-group list-group-menu"> <div class="yq-products-stitle">Mobile APP</div> <a class="list-group-item" href="//app.17track.net" title="Apps" target="_blank" yqg-events="{C:事件操作,A:导航-功能,L:九宫格-app}" > <i class="spr-apps-24x24-app"></i> <span>Apps</span> </a> </div> </div> </li> <li class=" " > <a class="" href="//www.17track.net/en/api" target="_blank" title="Developers"> <span class="text">Developers</span></a> </li> <li class=" " > <a class="" href="//features.17track.net/en/carriersettlein" target="_self" title="Carriers Integration"> <span class="text">Carriers Integration</span></a> </li> <li class=" active" > <a class="" data-toggle="dropdown" href="javascript:void(0)" title="Tools"> Tools <span class="caret"></span> </a> <div class="dropdown-menu yq-dropdown-icontext dropdown-menu-left yq-ani-tl"> <div class="list-group list-group-menu active"> <a class="list-group-item" href="//extcall.17track.net/" title="Tracking Widget" target="_self"> <i class="spr-apps-24x24-extcall"></i> <span>Tracking Widget</span> </a> </div> <div class="list-group list-group-menu "> <a class="list-group-item" href="//www.17track.net/carriers" title="Carriers" target="_self"> <i class="spr-apps-24x24-carrierlist"></i> <span>Carriers</span> </a> </div> <div class="list-group list-group-menu "> <a class="list-group-item" href="//links.17track.net" title="Links" target="_self"> <i class="spr-apps-24x24-links"></i> <span>Links</span> </a> </div> </div> </li> <li class=" " > <a class="" data-toggle="dropdown" href="javascript:void(0)" title="Help"> <span class="icon fa-help-outline margin-right-5"></span> Help </a> <div class="dropdown-menu dropdown-menu-left yq-ani-tl"> <div class="list-group list-group-menu "> <a class="list-group-item" href="//help.17track.net" title="Help center" target="_blank"> <span>Help center</span> </a> </div> <div class="list-group list-group-menu "> <a class="list-group-item" href="//about.17track.net/contactus" title="Contact us" target="_self"> <span>Contact us</span> </a> </div> </div> </li> </ul> </div> </div> <div class="yq-mobile-navbar-footer"> <div data-el="notlogged"> <a class="btn btn-warning btn-pure yq-btn-flat btn-block" href="//user.17track.net">Login</a> </div> <div data-el="notlogged"> <a class="btn btn-warning btn-block" href="//user.17track.net/register">Register</a> </div> </div> </div> </div> </header><main class="page animsition"><div class="yq-bg-theme"><div class="page-header fixWidth page-header-inverse text-center padding-0"><div class="yq-extcall-header"><h1 class="page-title">Tracking Widget</h1><p class="page-description">You can insert the tracking widget to allow visitors to enter a tracking number to track shipment.</p> <a href="//apps.shopify.com/17track?locale=zh-cn&utm_source=extcall.17track.net&utm_medium=referer&utm_campaign=20220425-main-link-redirect-to-shopifyapp" target="_blank"><img class="page-banner" src="//res.17track.net/extcall/img/banner-tracking-page-new-en.png" alt=""></a></div><div class="yq-bg-left"></div><div class="yq-bg-right"></div></div></div><div class="page-content padding-0"><section class="fixWidth"><div class="nav-tabs-horizontal yq-tabs-container"><ul id="extcall-tab" class="nav nav-tabs nav-tabs-line" data-plugin="nav-tabs"><li class="active"><a data-toggle="tab" href="#mode1">Mode Ⅰ</a></li><li><a data-toggle="tab" href="#mode2">Mode Ⅱ</a></li><li><a data-toggle="tab" href="#mode3">Mode Ⅲ</a></li><li><a data-toggle="tab" href="#mode4">Mode Ⅳ</a></li><li> <a class="indigo-500" target="_blank" href="//apps.shopify.com/17track?locale=zh-cn&utm_source=extcall.17track.net&utm_medium=referer&utm_campaign=20220425-main-link-redirect-to-shopifyapp">Shopify tracking page<span class="new-tips">NEW</span></a></li></ul><div class="tab-content"><div class="tab-pane active" id="mode1"><div class="yq-sample-area"><h4 class="yq-info-title">Here is what is it look like</h4><div class="yq-info-content ext-examples-block"><div class="ext-logo-type"> <img yqrole="img" src="//res.17track.net/extcall/img/logo-type.svg?v=c3f7b1c8a6" alt="LOGO TYPE"></div><div class="form-group"><div class="input-group"> <input id="model1-input" type="text" class="form-control text-uppercase" placeholder="Enter your tracking number."> <span class="input-group-btn"><button id="model1-action" class="btn btn-warning text-uppercase" title="Click 'TRACK' to retrieve tracking information for your shipment.">Track</button></span></div><div class="input-group">Sample: <a href="javascript:;" id="ext-model1-num">RG017001606CN</a></div></div><div id="examples-model1-container" class="yq-track-container"></div></div></div><div class="yq-source-area"><h4 class="yq-info-title">How to use it</h4><p class="grey-800 font-size-12">Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.</p><div class="yq-info-content ext-example-code"> <button id="copy-modal1-code-btn" type="button" class="btn btn-primary btn-sm text-capitalize" data-clipboard-action="copy" data-clipboard-target="#modal1-code"><i class="icon fa-copy-files-o"></i> Copy code</button><pre><code id="modal1-code">  <input type="text" id="YQNum" maxlength="50"/>  <input type="button" value="TRACK" onclick="doTrack()"/>  <div id="YQContainer"></div>  <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({         //Required, Specify the container ID of the carrier content.         YQ_ContainerId:"YQContainer",         //Optional, specify tracking result height, max height 800px, default is 560px.         YQ_Height:560,         //Optional, select carrier, default to auto identify.         YQ_Fc:"0",         //Optional, specify UI language, default language is automatically detected based on the browser settings.         YQ_Lang:"en",         //Required, specify the number needed to be tracked.         YQ_Num:num     }); } </script></code></pre></div></div><div class="yq-document-area"><h4 class="yq-info-title">Example explanation</h4><div class="yq-info-content ext-example-doc"> <ul class="list-group list-group-dividered list-group-full margin-0"><li class="list-group-item"><h4>YQ_ContainerId</h4><span>Required, Specify the container ID of the carrier content.</span></li><li class="list-group-item"><h4>YQ_Height</h4><span>Optional, specify tracking result height, max height 800px, default is 560px.</span></li><li class="list-group-item"><h4>YQ_Fc</h4><span>Optional, select carrier, default to auto identify.</span></li><li class="list-group-item"><h4>YQ_Lang</h4><span>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, Македонски. </span></li><li class="list-group-item"><h4>YQ_Num</h4><span>Required, specify the number needed to be tracked.</span></li></ul></div></div></div><div class="tab-pane" id="mode2"><div class="yq-sample-area"><h4 class="yq-info-title">Here is what is it look like</h4><div class="yq-info-content ext-examples-block"><div class="ext-logo-type"> <img yqrole="img" src="//res.17track.net/extcall/img/logo-type.svg?v=c3f7b1c8a6" alt="LOGO TYPE"></div><div id="examples-model2-container" class="yq-input-track-container"></div></div></div><div class="yq-source-area"><h4 class="yq-info-title">How to use it</h4><p class="grey-800 font-size-12">Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.</p><div class="yq-info-content ext-example-code"> <button id="copy-modal2-code-btn" type="button" class="btn btn-primary btn-sm text-capitalize" data-clipboard-action="copy" data-clipboard-target="#modal2-code"><i class="icon fa-copy-files-o"></i> Copy code</button><pre> <code id="modal2-code">  <div id="YQContainer"></div>  <script type="text/javascript" src="//www.17track.net/externalcall.js"></script> <script type="text/javascript"> YQV5.trackMulti({     //Required, Specify the container ID of the carrier content.     YQ_ContainerId:"YQContainer",     //Optional, specify tracking result height, max height 800px, default is 560px.     YQ_Height:560,     //Optional, specify UI language, default language is automatically detected based on the browser settings.     YQ_Lang:"en" }); </script></code> </pre></div></div><div class="yq-document-area"><h4 class="yq-info-title">Example explanation</h4><div class="yq-info-content ext-example-doc"> <ul class="list-group list-group-dividered list-group-full margin-0"><li class="list-group-item"><h4>YQ_ContainerId</h4><span>Required, Specify the container ID of the carrier content.</span></li><li class="list-group-item"><h4>YQ_Height</h4><span>Optional, specify tracking result height, max height 800px, default is 560px.</span></li><li class="list-group-item"><h4>YQ_Lang</h4><span>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, Македонски. </span></li></ul></div></div></div><div class="tab-pane" id="mode3"><div class="yq-sample-area ext-singlef1"><h4 class="yq-info-title">Here is what is it look like</h4><div class="yq-info-content ext-examples-block"><div class="ext-logo-type"> <img yqrole="img" src="//res.17track.net/extcall/img/logo-type.svg?v=c3f7b1c8a6" alt="LOGO TYPE"></div><div class="yq-tab-model3"> <div class="media"><div class="media-left"><div class="ext-list-item-logo"><i class="spr-extcall-80-1"></i></div></div><div class="media-body"> <button id="yq-track-num-0" type="button" class="btn btn-warning btn-sm" data-toggle="tooltip" data-placement="top" title="Please click">eg：RR123456789CN</button> <div class="ext-color-line bg-grey-300"></div><div class="ext-color-line"></div></div><div class="media-right hidden-sm hidden-xs"><div class="ext-color-line"></div><div class="ext-color-line bg-grey-300"></div><div class="ext-color-line"></div><div class="ext-color-line"></div></div></div> <div class="media"><div class="media-left"><div class="ext-list-item-logo"><i class="spr-extcall-80-2"></i></div></div><div class="media-body"> <button id="yq-track-num-1" type="button" class="btn btn-warning btn-sm"> eg：RS396821839CN</button> <div class="ext-color-line bg-grey-300"></div><div class="ext-color-line"></div></div><div class="media-right hidden-sm hidden-xs"><div class="ext-color-line"></div><div class="ext-color-line bg-grey-300"></div><div class="ext-color-line"></div><div class="ext-color-line"></div></div></div> <div class="media"><div class="media-left"><div class="ext-list-item-logo"><i class="spr-extcall-80-3"></i></div></div><div class="media-body"> <button id="yq-track-num-2" type="button" class="btn btn-warning btn-sm"> eg：RS396850168CN</button> <div class="ext-color-line bg-grey-300"></div><div class="ext-color-line"></div></div><div class="media-right hidden-sm hidden-xs"><div class="ext-color-line"></div><div class="ext-color-line bg-grey-300"></div><div class="ext-color-line"></div><div class="ext-color-line"></div></div></div> </div></div></div><div class="yq-source-area"><h4 class="yq-info-title">How to use it</h4><p class="grey-800 font-size-12">Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.</p><div class="yq-info-content ext-example-code"> <button id="copy-modal3-code-btn" type="button" class="btn btn-primary btn-sm text-capitalize" data-clipboard-action="copy" data-clipboard-target="#modal3-code"><i class="icon fa-copy-files-o"></i> Copy code</button><pre> <code id="modal3-code">  <a id="YQElem1">RI111111111CN</a> <span id="YQElem2">RI222222222CN</span> <div id="YQElem9">RI999999999CN</div>  <script type="text/javascript" src="//www.17track.net/externalcall.js"></script> <script type="text/javascript"> YQV5.trackSingleF1({     //Required, Specify the element ID of the floating position.     YQ_ElementId:"YQElem1",     //Optional, specify the tracking result width, min width 260px, default is 470px.     YQ_Width:470,     //Optional, specify tracking result height, max height 800px, default is 560px.     YQ_Height:560,     //Optional, select carrier, default to auto identify.     YQ_Fc:"0",     //Optional, specify UI language, default language is automatically detected based on the browser settings.     YQ_Lang:"en",     //Required, specify the number needed to be tracked.     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> </code> </pre></div></div><div class="yq-document-area"><h4 class="yq-info-title">Example explanation</h4><div class="yq-info-content ext-example-doc"> <ul class="list-group list-group-dividered list-group-full margin-0"><li class="list-group-item"><h4>YQ_ElementId</h4><span>Required, Specify the element ID of the floating position.</span></li><li class="list-group-item"><h4>YQ_Width</h4><span>Optional, specify the tracking result width, min width 260px, default is 470px.</span></li><li class="list-group-item"><h4>YQ_Height</h4><span>Optional, specify tracking result height, max height 800px, default is 560px.</span></li><li class="list-group-item"><h4>YQ_Fc</h4><span>Optional, select carrier, default to auto identify.</span></li><li class="list-group-item"><h4>YQ_Lang</h4><span>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, Македонски. </span></li><li class="list-group-item"><h4>YQ_Num</h4><span>Required, specify the number needed to be tracked.</span></li></ul></div></div></div><div class="tab-pane" id="mode4"><div class="yq-sample-area"><h4 class="yq-info-title">Here is what is it look like</h4><div class="yq-info-content ext-examples-block"><div class="ext-logo-type"> <img yqrole="img" src="//res.17track.net/extcall/img/logo-type.svg?v=c3f7b1c8a6" alt="LOGO TYPE"></div><div class="form-group"><div class="input-group"> <input id="model4-input" type="text" class="form-control text-uppercase" placeholder="Enter your tracking number."> <span class="input-group-btn"><button id="model4-action" class="btn btn-warning text-uppercase" title="Click 'TRACK' to retrieve tracking information for your shipment.">Track</button></span></div><div class="input-group">Sample: <a href="javascript:;" id="ext-model4-num">RR123456789CN</a></div></div><div class="yq-tab-model4"><ul class="list-inline"><li><i class="spr-extcall-170-1"></i></li><li class="hidden-xs"><i class="spr-extcall-170-2"></i></li><li class="hidden-xs"><i class="spr-extcall-170-3"></i></li><li class="hidden-xs hidden-sm"><i class="spr-extcall-170-4"></i></li><li class="hidden-xs hidden-sm hidden-md"><i class="spr-extcall-170-5"></i></li></ul></div></div></div><div class="yq-source-area"><h4 class="yq-info-title">How to use it</h4><p class="grey-800 font-size-12">Copy and paste the code below into your page between the <body> and </body> tags. The buttons will appear whatever you place them.</p><div class="yq-info-content ext-example-code"> <button id="copy-modal4-code-btn" type="button" class="btn btn-primary btn-sm text-capitalize" data-clipboard-action="copy" data-clipboard-target="#modal4-code"><i class="icon fa-copy-files-o"></i> Copy code</button><pre><code id="modal4-code">  <input type="text" id="YQNum" maxlength="50"/>  <input type="button" value="TRACK" onclick="doTrack()"/>  <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({         //Required, Specify the element ID of the floating position.         YQ_ElementId:"YQNum",         //Optional, specify the tracking result width, min width 260px, default is 470px.         YQ_Width:770,         //Optional, specify tracking result height, max height 800px, default is 560px.         YQ_Height:560,         //Optional, select carrier, default to auto identify.         YQ_Fc:"0",         //Optional, specify UI language, default language is automatically detected based on the browser settings.         YQ_Lang:"en",         //Required, specify the number needed to be tracked.         YQ_Num:num     }); } </script> </code></pre></div></div><div class="yq-document-area"><h4 class="yq-info-title">Example explanation</h4><div class="yq-info-content ext-example-doc"> <ul class="list-group list-group-dividered list-group-full margin-0"><li class="list-group-item"><h4>YQ_ElementId</h4><span>Required, Specify the element ID of the floating position.</span></li><li class="list-group-item"><h4>YQ_Width</h4><span>Optional, specify the tracking result width, min width 260px, default is 470px.</span></li><li class="list-group-item"><h4>YQ_Height</h4><span>Optional, specify tracking result height, max height 800px, default is 560px.</span></li><li class="list-group-item"><h4>YQ_Fc</h4><span>Optional, select carrier, default to auto identify.</span></li><li class="list-group-item"><h4>YQ_Lang</h4><span>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, Македонски. </span></li><li class="list-group-item"><h4>YQ_Num</h4><span>Required, specify the number needed to be tracked.</span></li></ul></div></div></div></div></div></section></div></main> <footer class="navbar navbar-default yq-footer yq-footer-v3"> <div class="container-fluid"> <div class="yq-m-footer-nav visible-xs pull-left dropup"> <button type="button" class="navbar-toggle hamburger" data-toggle="dropdown"> <span class="hamburger-bar"></span> </button> <ul class="yq-footer-nav dropdown-menu yq-ani-bl"> <li class=" "><a href="//www.17track.net/en/about" title="About us" target="_self">About us</a> </li> <li class=" "><a href="//www.17track.net/en/about/contactus" title="Contact us" target="_self">Contact us</a> </li> <li class=" "><a rel="nofollow" href="//help.17track.net/hc/en-us" yqg-events="{C:事件操作,A:帮助中心}" title="Help" target="_blank">Help</a> </li> <li class=" "><a href="//www.17track.net/en/about/licensing" title="Terms" target="_self">Terms</a> </li> <li class=" "><a href="//www.17track.net/en/about/privacy" title="Privacy" target="_self">Privacy</a> </li> <li class=" "><a href="//www.17track.net/en/about/copyright" title="Copyright" target="_self">Copyright</a> </li> </ul> </div> <ul class="yq-footer-nav hidden-xs pull-left nav navbar-nav"> <li class=" "><a href="//www.17track.net/en/about" title="About us" target="_self">About us</a> </li> <li class=" "><a href="//www.17track.net/en/about/contactus" title="Contact us" target="_self">Contact us</a> </li> <li class=" "><a rel="nofollow" href="//help.17track.net/hc/en-us" yqg-events="{C:事件操作,A:帮助中心}" title="Help" target="_blank">Help</a> </li> <li class=" "><a href="//www.17track.net/en/about/licensing" title="Terms" target="_self">Terms</a> </li> <li class=" "><a href="//www.17track.net/en/about/privacy" title="Privacy" target="_self">Privacy</a> </li> <li class=" "><a href="//www.17track.net/en/about/copyright" title="Copyright" target="_self">Copyright</a> </li> </ul> <div class="navbar-header pull-right"> <ul class="nav navbar-toolbar navbar-right navbar-toolbar-right yq-navbar-toolbar"> <li class="yq-navbar-item"> <div> <a href="https://www.facebook.com/17track" target="_blank" title="Facebook"> <button type="button" class="btn btn-icon btn-facebook fa-facebook"></button> </a> </div> </li> <li class="yq-navbar-item"> <div> <a href="https://twitter.com/17track" target="_blank" title="Twitter"> <button type="button" class="btn btn-icon btn-twitter fa-twitter"></button> </a> </div> </li> </ul> </div> </div> </footer> <div class="back-top"> <ul class="list-unstyled"> <li class="top" title="Back to top"> <button type="button" class="btn btn-icon btn-squared btn-primary"><i class="icon fa-publish"></i></button> </li> <li class="contact" title="Contact us"> <a href="//www.17track.net/en/about/contactus" class="btn btn-icon btn-squared btn-primary"><i class="icon fa-comments-o"></i></a> </li> <li class="share" title="Share"> <button type="button" class="btn btn-icon btn-squared btn-primary"><i class="icon fa-share-black"></i></button> <ul class="list-unstyled"> <li> <a class="linkShare" href="javasript:;" data-shareurl="https://www.facebook.com/sharer/sharer.php?u={0}&title={1}&description={2}&picture={3}" yqg-share="Facebook" title="Facebook"> <button type="button" class="btn btn-icon btn-squared yq-social-share-11"><i class="icon fa-share-11"></i></button> </a> </li> <li> <a class="linkShare" href="javasript:;" data-shareurl="https://twitter.com/intent/tweet?url={0}&text={1}&description={2}&picture={3}" yqg-share="Twitter" title="Twitter"> <button type="button" class="btn btn-icon btn-squared yq-social-share-12"><i class="icon fa-share-12"></i></button> </a> </li> <li> <a class="linkShare" href="javasript:;" data-shareurl="https://www.linkedin.com/shareArticle?url={0}&title={1}&summary={2}&picture={3}&mini=true&ro=true" yqg-share="Linkedin" title="Linkedin"> <button type="button" class="btn btn-icon btn-squared yq-social-share-14"><i class="icon fa-share-14"></i></button> </a> </li> <li> <a class="linkShare" href="javasript:;" data-shareurl="https://vk.com/share.php?url={0}&title={1}&description={2}&picture={3}" yqg-share="VKontakte" title="VKontakte"> <button type="button" class="btn btn-icon btn-squared yq-social-share-15"><i class="icon fa-share-15"></i></button> </a> </li> </ul> </li> </ul> </div><script yqrole="i18n" src="//res.17track.net/i18n/merge-i18n/enum/enum.en.js?v=859c7dd763" crossorigin="anonymous"></script><script yqrole="i18n" src="//res.17track.net/i18n/merge-i18n/base-track/base-track.en.js?v=74598f333d" crossorigin="anonymous"></script><script yqrole="i18n" src="//res.17track.net/i18n/merge-i18n/base-site/base-site.en.js?v=a2bddb8a72" crossorigin="anonymous"></script><script yqrole="i18n" src="//res.17track.net/extcall/i18n/global/global.en.js?v=e6ee33af0a" crossorigin="anonymous"></script><script yqrole="js" src="//res.17track.net/global-v2/merge-js/base/base.min.js?v=89acf16989" crossorigin="anonymous"></script><script yqrole="js" src="//res.17track.net/global-v2/merge-js/base-vendor/base-vendor.min.js?v=2487b7933d" crossorigin="anonymous"></script><script yqrole="js" src="//res.17track.net/global-v2/merge-js/base-site/base-site.min.js?v=4d4df6c4e4" crossorigin="anonymous"></script><script yqrole="js" src="//res.17track.net/extcall/js/yq-track-core.min.js?v=6f06283ed6" crossorigin="anonymous"></script><script src="//extcall.17track.net/externalcall.js" crossorigin="anonymous"></script><script yqrole="js" src="//res.17track.net/extcall/js/yqga.min.js?v=96a828c0b0" crossorigin="anonymous"></script><script yqrole="js" src="//res.17track.net/extcall/js/index.min.js?v=24047621e4" crossorigin="anonymous"></script><script> $(function(){ var bannerImg = YQ.country === 'CN' ? '//res.17track.net/extcall/img/banner-tracking-page-new-cn.png' : '//res.17track.net/extcall/img/banner-tracking-page-new-en.png'; $('.page-banner').attr('src', bannerImg); PageIndex.init(); }); </script></body></html>

CINXE.COM

Widget | Track Package | 17TRACK