如何给外贸独立站添加快递物流查询跟踪页面(Track My Order)

做跨境电商独立站的朋友，除非你有海外仓，但我想大部分中小卖家都不会为独立站开海外仓吧，那么货物应该主要是从国内发出了，就算是快递也需要几个工作日，邮政小包就更不用说了。

客户一般还是挺关心自己货物到了哪里的，于是能让客户自己进行物流查询就显得很有必要了。大胆点，如果能在自己网站上添加一个页面可让客户直接查询快递和物流，是不是很coooo….oooool！

关于17Track国际物流跟踪网站

通常中小独立站卖家都是发了快递或者小包让客户到相关官网去查询，不像那些那大平台他们有能力调用相关物流公司的跟踪信息，可以直接在订单上查询。

但是事实上线下发货我们会有很多选择，这样一个一个发需要保存很多网站，有点麻烦，所以市面上出现了一些综合的物流查询网站，比如17Track等。因为我主要是用这个网站查询快递和物流跟踪信息，所以今天的这个教程主要也是基于17track而写的。

17track这个网站再外贸和跨境电商圈应该还是比较有名气的吧，至于他们的具体团队和发展资料就不多介绍了，各位自行去网上查询一下吧。一开始还只是17track还主要是查询一些小包为主，现在他们把大部分的快递，物流和小包公司都加进来了，你只需要输入运单号码就能查询最新信息，不用管是哪家运输公司了。

重点是这个网站还是多语言网站，很适合国外客户直接利用他们的自己的母语进行查询，查询结果有中国境内的跟踪信息以及到目的国的信息，挺方便也挺人性化。早期做速卖通和ebay这个帮了很大忙，我相信很多其他外贸朋友也一样吧。

到现在17track已经开发了自己的api接口，假如哪家独立站的朋友想直接调用他们的跟踪信息也是可以的，免费版还赠送一个月100条单号查询量，不过单多的就不够用了。

不过今天要说的不是利用api接口调用跟踪信息，这个是技术活儿，我也不想折腾，你们如果有需要的可以直接联系17track购买付费版本，他们可以帮忙解决，毕竟api直接调用的话跟踪信息可显示在网站上。

我今天要说的是17track的另一个更简单的东西，叫“物流查询小部件”。接下来进入正题，在自己独立站上创建物流查询页面，让老外一输入运单号就能查到跟踪信息。

在自己网站建立物流查询页面

首先在自己的网站上(以WordPress为例)新建一个页面，名字随便，叫Track Orders也好，Track my order也行，Track your order都不错，如何在wordpress添加新页面就不多说了。

获取17track查询小部件的资料

在17track网站的菜单中点击工具，然后在下拉菜单中你就会看到 物流查询小部件 了（如下图），点击进去。

在接下来的页面会有四个方法，其实是同一个方法，只是在你网站展示的搜索形式不同，我们选择方法一，如图：

然后往下拉，查看操作方法，其实你会发现方法就是一堆编好的网站页面代码，包括html和javascript代码：


<!--单号输入框。-->
<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({
        //必须，指定承载内容的容器ID。
        YQ_ContainerId:"YQContainer",
        //可选，指定查询结果高度，最大为800px，默认为560px。
        YQ_Height:560,
        //可选，指定运输商，默认为自动识别。
        YQ_Fc:"0",
        //可选，指定UI语言，默认根据浏览器自动识别。
        YQ_Lang:"en",
        //必须，指定要查询的单号。
        YQ_Num:num
    });
}
</script>

在大部分建站系统中你直接把这些代码复制进新创建的物流查询页面就行，不需要做任何更改，然后保存，打开你的查询页面就能查询运单信息了，我在shopify自定义页面创建过，是完全可以的，在magento里面也是成功的。