![1307e26596478e354a37490f9efe1e9b.png](https://i-blog.csdnimg.cn/blog_migrate/d5323241ce1e641240bdc860be3c5db5.jpeg)
据统计,顾客在独立站下单,对运输问题的担忧是仅次于对支付安全问题的担忧。
如今Dropshipping或自发货卖家选择Shopify独立站的越来越多, 但因为Shopify官方仅支持少部分渠道的物流追踪,多数时候买家无法查询到物流信息,就只能发邮件咨询,甚至直接在PayPal提纠纷申请退款,大大增加卖家的客服成本,也让退货率居高不下。
那么问题来了,卖家朋友需要如何做才能打消顾客对于运输的担心呢?
其实很简单,那就是让顾客可以自己查看到具体的物流运输详情,让他们心中有一个包裹在运输的概念。此时卖家就需要在网站添加一个Shipping页面,然后文案介绍让用户跳转到该网址进行物流查询或者是使用第三方App来实现,这样真正喜欢产品的顾客自然会选择耐心等待。
但本文将向大家介绍如何在Shopify中直接将Trackdog物流查询网站的查询子功能“搬”到您的网站上——在Shopify后台添加 Track Order页面。也就是说,顾客可以直接在店铺网站上进行物流查询,无需让顾客跳转或安装其他App。这样既可以实现顾客物流自查询,又可以提高网站的专业性,最重要的是完全免费。只需3步,赶快添加起来吧~~~
1. Shopfiy后台新建Page页面
首先找到Online Store(在线商店)里的Pages,新建一个page,Title输入" Track Order ",点击Content右上角的箭头图标(Show HTML)
![9b5ae2a66ab2365d723059fb8e169a2b.png](https://i-blog.csdnimg.cn/blog_migrate/2824055fead0956223a8456dad033fb1.jpeg)
2. 粘贴以下代码
<div style="width: 680px; margin: 0 auto; text-align: center;">
<div style="margin-bottom: 20px;">Enter your tracking number to see the tracking details</div>
<div style="display: flex; margin-bottom: 20px;">
<input id="trackNum" maxlength="50" style="flex: 1; margin-right: 10px; padding-left: 10px; border: 1px solid #9e9e9e;" type="text">
<input onclick="inputTrack()" type="button" value="TRACK"
style="width: 80px; height: 40px; padding: 8px 0; color: #fff; font-size: 14px; background-color: #f74b16; border: 1px solid #ec640c; border-radius: 2px;">
</div>
<div id="trackContainer"></div>
</div>
<script src="//static.trackdog.com/static/externalcall.min.js"></script>
<script>
// <![CDATA[
function inputTrack() {
var num = document.getElementById("trackNum").value;
if (num === "") {
alert("Please enter tracking number");
return;
}
TDTrackJs.trackAppend({
TD_ContainerId: "trackContainer",
TD_Num: num,
TD_Code: "",
TD_Lang: "",
TD_Width: 680,
TD_Height: 560
});
}
// ]]>
</script>
![17af832fe5eff6d820182d5877d51b6d.png](https://i-blog.csdnimg.cn/blog_migrate/f5d374172a5d77764a274a922667c400.jpeg)
3. 保存使用
点击 Save 保存,保存后在前台预览。
![17e1f64ce6d2dc04db3b5e9438ca8599.png](https://i-blog.csdnimg.cn/blog_migrate/20d29ddae205f2c9c757b0db92457cf4.png)
预览后可以将该页面添加到 Navigation 的菜单Menu即可
![e438201005b7f5eea9e44ef3b4beeb48.png](https://i-blog.csdnimg.cn/blog_migrate/62c7154d96d91a5e035ae38799083de6.jpeg)
设置完成后就可以在前台看到物流查询页面拉~~~
![b253faa2d1a60ccc901cea1a53ce0d3d.png](https://i-blog.csdnimg.cn/blog_migrate/f31b441b26e36f40b915a579c83d8fdf.jpeg)
是不是很简单?免费的物流查询页面,赶快添加起来吧~