阿里云服务器

现在建外贸独立站 很多人都开始在用shopify建站 ,增加一个物流查询功能,提升用户体念也是非常有必要的。

应用市场有很多插件可以使用,但是很多都是付费的,有些必须是本地的单号才能查询,下面给大家提供一个编辑的方法来实现这个功能。

shopify查询功能

第一步:在后台page页面里面增加一个查询页面

第二步:切换为代码模式,插入下面代码

<!--单号输入框。-->
<input type="text" id="YQNum" maxlength="50" />
<!--用于调用脚本方法的按钮。-->
<input type="button" value="TRACK" onclick="doTrack()" />
<!--用于显示查询结果的容器。-->
<div id="YQContainer"></div>
<!--脚本代码可放于页面底部,等到页面最后执行。-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script><script type="text/javascript">// <![CDATA[
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num===""){
alert("Enter your number.");
return;
}
YQV5.trackSingle({
//必须,指定承载内容的容器ID。
YQ_ContainerId:"YQContainer",
//可选,指定查询结果高度,最大为800px,默认为560px。
YQ_Height:560,
//可选,指定运输商,默认为自动识别。
YQ_Fc:"0",
//可选,指定UI语言,默认根据浏览器自动识别。
YQ_Lang:"en",
//必须,指定要查询的单号。
YQ_Num:num
});
}
// ]]>
</script>
<audio controls="controls" style="display: none;"></audio>

<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5c452f1e51410568a1078550/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

这样就可以如上面截图所示,实现物流查询的功能了。

相关阅读:
  • shopify外贸建站,Shopify跨境电商配置
  • shopify好做吗,shopify独立站建设
  • 做外贸独立站shopify怎么样
  • 给Shopify网站绑定独立域名的方法
  • shopify开店流程快速搭建外贸独立站