1307e26596478e354a37490f9efe1e9b.png

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

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

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

3. 保存使用

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

17e1f64ce6d2dc04db3b5e9438ca8599.png

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

e438201005b7f5eea9e44ef3b4beeb48.png

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

b253faa2d1a60ccc901cea1a53ce0d3d.png


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

Logo
快递鸟一站式物流API解决方案

电商企业物流数字化转型必备！快递鸟 API 接口，72 小时快速完成物流系统集成。全流程实战1V1指导，营造开放的API技术生态圈。

更多推荐

如何用Saleor打造AI驱动的电商平台：10个关键应用场景解析

Saleor是一个高性能、可组合的无头电商API平台，它通过灵活的架构设计为电商业务提供强大支持。在AI技术快速发展的今天，Saleor的模块化设计使其能够无缝集成各类人工智能功能，为电商企业带来智能化升级。本文将详细介绍Saleor平台中机器学习和AI技术的10个关键应用场景，帮助你快速理解如何利用这一开源工具构建智能电商系统。## 1. 智能产品搜索优化Saleor内置了强大的产品搜索

avatar 快递鸟社区

终极指南：SDWebImage图片服务优化实战，助力电商大促抗住高并发！

SDWebImage作为一款强大的异步图片下载与缓存框架，通过UIImageView分类的形式为iOS应用提供高效的图片加载解决方案。在电商大促等高并发场景下，合理优化SDWebImage配置能显著提升图片加载速度、降低服务器压力，为用户带来流畅的购物体验。## 🚀 SDWebImage核心架构解析SDWebImage采用分层设计的架构模式，主要包含顶层接口、中间管理层和基础模块三大部分

avatar 快递鸟社区

Pie库测试驱动开发：如何为切片操作编写高质量的单元测试

Pie库是一个专注于类型安全和性能的Go语言切片与映射操作工具库。本文将详细介绍如何通过测试驱动开发（TDD）为Pie库的切片操作编写高质量单元测试，帮助开发者确保代码可靠性并提升开发效率。## 为什么选择测试驱动开发？测试驱动开发（TDD）是一种先编写测试用例再实现功能的开发方法。对于Pie库这类工具库而言，TDD带来三大核心价值：- **类型安全保障**：通过测试验证切片操作的类型约

avatar 快递鸟社区