easyui dialog跳转页面并自动查询_免费的Shopify“物流查询搬运工” — 简单高效的提升客户体验...

据统计，顾客在独立站下单，对运输问题的担忧是仅次于对支付安全问题的担忧。

如今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）

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>

3. 保存使用

点击 Save 保存，保存后在前台预览。

预览后可以将该页面添加到 Navigation 的菜单Menu即可

设置完成后就可以在前台看到物流查询页面拉~~~

是不是很简单？免费的物流查询页面，赶快添加起来吧~