店匠自定义页面嵌入17track代码

一、在店匠后台依次点击 在线商店 - 自定义页面 - 新建页面

二、输入页面名称，点击最后一个按钮 “<>” ，插入以下代码，记得把 yoursite 替换成自己的域名：

<div class="mce-content mt-10 break-words">
<div class="mce-content mt-10 break-words">
<div style="text-align: center;"><input type="text" id="YQNum" placeholder="Your package number" maxlength="50" /> <input type="button" id="kjdzd" value="TRACK" onclick="doTrack()" />
<div id="YQContainer"></div>
</div>
</div>
</div>
<style type="text/css"><!--
#YQNum{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border:1px solid black;
width:200px;
height:35px;
}
#YQNum:hover{
border:1px solid #f40;
}
#kjdzd{
width:80px;
height:35px;
background-color:#f80;
color:white;
border:0px solid black;
}
--></style>
<div class="mce-content mt-10 break-words">
<div style="text-align: center;">
<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({
YQ_ContainerId:"YQContainer",
YQ_Height:560,
YQ_Fc:"0",
YQ_Lang:"en",
YQ_Num:num
});
}
// ]]></script>
</div>
<div style="text-align: center;"><br /><strong>Step 1</strong>: Please check the logistics <strong>Tracking Number</strong> in your mailbox.<br /><br /></div>
<div style="text-align: center;"><strong> Step 2</strong>: <strong>Tracking Number</strong> - Click &ldquo;TRACK&rdquo;<br /><br />Email: <a href="mailto: service@yoursite.com" target="_blank" rel="noopener">service@
<script>document.write(window.location.host.toString().split(".")[1]);</script>
.com</a><a href="mailto: service@yoursite.com" target="_blank" rel="noopener"></a></div>
</div>

三、点击 确认，然后再 保存。最后页面预览效果如下所示：

---

注意：但是查询结果会出现广告，无法去除，所以请仔细斟酌要不要用。

• shoplaza
• 自定义页面
• 17track
• 店匠