shopify独立站咨询

我们在做外贸独立站的时候,为了方便可以查询购买的订单,一般都需要在网站上增加物流查询的功能。

下面给大家分享如何免费配置shopify的物流查询功能

需要用到一款shopify插件:17TRACK


第一步登录shopify后台,打开页面

shopify页面

在右上角点击新增页面

shopify页面编辑

如上图切换到代码模式,把下面代码复制到编辑框

        <div class="input-group">
           <input type="text" class="input-group__field" id="YQNum" maxlength="50"/>
           <span class="input-group__btn">
               <button class="btn" type="button" onclick="doTrack()" style="color: #fff;background-color: #ff8c00;border-color: #ff8c00;">TRACK</button>
           </span>
        </div>
        <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({
                YQ_ContainerId:"YQContainer",
                YQ_Height:560,
                YQ_Fc:"0",
                YQ_Lang:"en",
                YQ_RmAD: true,
                YQ_Num:num
            });
        }
        </script>

保存就创建成功了。

接下来就是把页面调用到导航里面,让客户可以在首页快速找到。

在线商店下面点击网站地图编辑主菜单

shopify菜单编辑

在弹出的界面如下图选择添加菜单项

shopify菜单添加

右侧选择我们上面创建的Tracking页面,保存即可。

如果想要显示在底部就,修改底部菜单把页面添加进去就行了。

有些高级模板可能需要在模板装修里面去添加,参考文章: Shopify主题kalles顶部菜单修改方法


相关阅读:
  • 独立站智能模特图生成工具PicEasy 一键生成模特商品图
  • Shopify添加Google Ads的转化跟踪代码,提升广告转化
  • Airwallex空中云汇Shopify收单插件上线啦,赋能独立站收款安全、高速增长
  • 12个shopify独立站seo教程,快速提升独立站排名
  • shopify独立站店铺编号怎么获取
  • 推荐一个0开户费 | 0年费 | 0佣金适合中国卖家的信用卡收款工具
  • Shopify批量上传工具wmtools,一键批量采集Shopify产品导入独立站后台的工具
  • Shopify免费logo生成工具Hatchful
  • shopify独立站利用【Google Ads】谷歌购物广告获取精准长尾词流量
  • 教你shopify独立站怎么做seo优化引流