免费配置Shopify物流查询插件17TRACK
- 标签:17TRACK17TRA插件shopifyshopify插件shopify物流插件 日期:2021-12-28 查看:1,224
我们在做外贸独立站的时候,为了方便可以查询购买的订单,一般都需要在网站上增加物流查询的功能。
下面给大家分享如何免费配置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>
保存就创建成功了。
接下来就是把页面调用到导航里面,让客户可以在首页快速找到。
在线商店下面点击网站地图编辑主菜单
在弹出的界面如下图选择添加菜单项
右侧选择我们上面创建的Tracking页面,保存即可。
如果想要显示在底部就,修改底部菜单把页面添加进去就行了。
有些高级模板可能需要在模板装修里面去添加,参考文章: Shopify主题kalles顶部菜单修改方法