已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

Shopify“物流查询搬运工” — 简单高效的提升客户体验

方便了客户的同时,也加强客户了对网站的信任感。

Shopify“物流查询搬运工” — 简单高效的提升客户体验

想必大家对[ https://www.17track.net/en ]这个网址不陌生吧,它主要是供用户查询物流信息的网址。 目前大多数shopify商家会在后台创建一个page,然后文案介绍让用户跳转到[ https://www.17track.net/en ]进行物流查询或是使用插件来实现。 本文将给大家介绍,如何在shopify中直接将[ https://www.17track.net/en ]的查询子功能直接“搬”到你的网站上(也就是说,用户可以直接在你的网站上进行物流查询,无需让用户跳转或者安装插件)

1.在shopify后台创建一个page: Track your order

Shopify“物流查询搬运工” — 简单高效的提升客户体验

2.将编辑区转成HTML编辑格式,如下图所示:

Shopify“物流查询搬运工” — 简单高效的提升客户体验

Shopify“物流查询搬运工” — 简单高效的提升客户体验

Shopify“物流查询搬运工” — 简单高效的提升客户体验

3.将以下代码复制进“内容”中

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

    });

}

// ]]>

 

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

})();

Shopify“物流查询搬运工” — 简单高效的提升客户体验

4.最后保存,同时点击“查看页面”,就可以预览到该页面在前端展示情况啦

Shopify“物流查询搬运工” — 简单高效的提升客户体验

如下图所示:

shopify网站访客点击"track your order"来查询物流时可以看到以下内容▼ 

Shopify“物流查询搬运工” — 简单高效的提升客户体验

用户输入他们的物流号码就可以直接追踪到物流信息

Shopify“物流查询搬运工” — 简单高效的提升客户体验

这样可以 加快用户查询速度 无需再跳转 到第三方网站进行查询,同时又避免安装追踪插件影响网站速度。

赶快动手用起来吧!(来源:公众号深圳艾维)

以上内容属作者个人观点,不代表雨果网立场!本文经原作者授权转载,转载需经原作者授权同意。

分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 标签 百科 搜索
雨果跨境顾问
【爆单冲刺】Google爆单冲刺包
雨果跨境谷歌官方顾问

收藏

--

--

分享
Lisa郭美珠
分享不易,关注获取更多干货