Shopify“物流查詢(xún)搬運(yùn)工” — 簡(jiǎn)單高效的提升客戶體驗(yàn)

想必大家對(duì)[ https://www.17track.net/en ]這個(gè)網(wǎng)址不陌生吧，它主要是供用戶查詢(xún)物流信息的網(wǎng)址。 目前大多數(shù)shopify商家會(huì)在后臺(tái)創(chuàng)建一個(gè)page,然后文案介紹讓用戶跳轉(zhuǎn)到[ https://www.17track.net/en ]進(jìn)行物流查詢(xún)或是使用插件來(lái)實(shí)現(xiàn)。 本文將給大家介紹，如何在shopify中直接將[ https://www.17track.net/en ]的查詢(xún)子功能直接“搬”到你的網(wǎng)站上（也就是說(shuō)，用戶可以直接在你的網(wǎng)站上進(jìn)行物流查詢(xún)，無(wú)需讓用戶跳轉(zhuǎn)或者安裝插件）

1.在shopify后臺(tái)創(chuàng)建一個(gè)page: Track your order

2.將編輯區(qū)轉(zhuǎn)成HTML編輯格式，如下圖所示：

3.將以下代碼復(fù)制進(jìn)“內(nèi)容”中

function doTrack() {

var num = document.getElementById("YQNum").value;

if(num===""){

        alert("Enter your number.");

        return;

    }

    YQV5.trackSingle({

        //必須，指定承載內(nèi)容的容器ID。

        YQ_ContainerId:"YQContainer",

        //可選，指定查詢(xún)結(jié)果高度，最大為800px，默認(rèn)為560px。

        YQ_Height:560,

        //可選，指定運(yùn)輸商，默認(rèn)為自動(dòng)識(shí)別。

        YQ_Fc:"0",

        //可選，指定UI語(yǔ)言，默認(rèn)根據(jù)瀏覽器自動(dòng)識(shí)別。

        YQ_Lang:"en",

        //必須，指定要查詢(xún)的單號(hào)。

        YQ_Num:num

    });

}

// ]]>

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);

})();

4.最后保存，同時(shí)點(diǎn)擊“查看頁(yè)面”，就可以預(yù)覽到該頁(yè)面在前端展示情況啦

如下圖所示：

你shopify網(wǎng)站訪客點(diǎn)擊"track your order"來(lái)查詢(xún)物流時(shí)可以看到以下內(nèi)容▼ 

用戶輸入他們的物流號(hào)碼就可以直接追蹤到物流信息▼

這樣可以 加快用戶查詢(xún)速度 ， 無(wú)需再跳轉(zhuǎn) 到第三方網(wǎng)站進(jìn)行查詢(xún)，同時(shí)又避免安裝追蹤插件影響網(wǎng)站速度。

趕快動(dòng)手用起來(lái)吧?。▉?lái)源：公眾號(hào)深圳艾維）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果網(wǎng)立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。