• WeChat:17750019819,一对一外贸建站咨询顾问

外贸独立站在线聊天工具Line的配置与使用

独立站聊天工具 Derek 9个月前 (12-24) 1094次浏览 3个评论 扫描二维码
文章目录[隐藏]

Line的背景

前文所提到过的在线聊天工具tawkto属于比较广泛的独立站在线聊天工具,而今天介绍的是一个比较本土化的社交聊天工具——Line。

其实Line和一个产品很像,大家都知道的WeChat——微信,他跟Messenger、WhatsApp几个软件加一起基本覆盖了全球95%市场。

Line的公司在日本(母公司韩国),并且在中国台湾,日韩,中东,东南亚有一定的市场。

 

Line的配置模式

Line目前的按钮有做了一些改版,最开始的时候只能是设置扫码按钮,就像微信一样,扫码加好友,不过很多人找不到在哪里下载代码!

这个入口要找确实比较麻烦:Line三种按钮的代码安装

目前提供三种互动的方式分别是:

1、分享

2、加好友

3、点赞(并分享到主页)

 

「LINE分享」按鍵

「LINE分享」按键可以让用户轻松的通过分享键推荐给朋友,官网页面:Line结合独立站的配置教程
外贸独立站在线聊天工具Line的配置与使用

1. 输入独立站的网址

因为代码是要和自己的独立站相符合,所以我们按照图示的要求,正确输入独立站的网址,方便配置属于自己网站的line分享按键。
PS如果不是按照要求配,大概率不成功!

2. Line按键样式的配置

设计的样式分为这几种,可以选择大小、颜色、分享次数显示等,比较方便。大家会发现,根据自己配置的不一样,代码也是随时在改动的!

3. 确认预览的结果之后,复制代码

<div class="line-it-button" data-lang="zh_Hant" data-type="share-a" data-ver="3" data-url="http://www.zcart.cn" data-color="default" data-size="large" data-count="true" style="display: none;"></div>
 <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>
  • 请将程式码片段加进网页的DOM,当DOMContentLoaded事件触发时,将会执行程式码片段。
  • 请复制程式码片段,然后贴到网页中要呈现按键的位置。
  • 在同一个网页中设定数个「LINE分享」按键时,仅须写入一次指令码标记(script tag)

 

4.独立设计样式

其实官网原文还有独立的设计样式,这里不多描述,有需求有能力的自己去看一下即可!

外贸独立站在线聊天工具Line的配置与使用

「加入好友」按鍵

加好友的按键在操作步骤和分享按键基本一致,这里只做贴图说明!

唯一不同的是,加好友按键是需要输入的是ID而不是网址,所以前提我们是需要去下载并注册line,下载的网址在这里:line下载

还有一个可以给大家介绍的是:line开发者页面

外贸独立站在线聊天工具Line的配置与使用

「讚」按鍵

重点的话,Derek比较推荐这个设置。因为可以在点赞的基础上多设置分享或者加好友!

外贸独立站在线聊天工具Line的配置与使用

 

差不多如此!最后一步就是把这些个代码安装到shopyy

 

将Line代码配置到Shopyy网站

外贸独立站在线聊天工具Line的配置与使用

 

1、复制代码

2、打开shopyy后台——配置——开发者——代码嵌入——添加

外贸独立站在线聊天工具Line的配置与使用

 

其他的在线聊天工具推荐:独立站在线聊天工具tawk.to安装配置教程

 


Derek@shopyy 版权所有丨如未注明 , 均为原创,禁止转载,未经本人授权,不同形式转载默认接受支付10万元稿费。
转载请注明原文链接:外贸独立站在线聊天工具Line的配置与使用
喜欢 (2)
[]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到
(3)个小伙伴在吐槽
  1. 日本客户用的多吧?
    Fiona2019-12-26 14:07 回复 Windows 10 | Firefox浏览器 70.0