简介及使用教程

  • Chatwoot是一个用于即时消息渠道的客户支持工具,它可以帮助企业提供特殊的客户支持。
  • Chatwoot的发展始于2016年,但未能作为一家企业获得成功,最终在2017年关闭了这家店。
  • 在2019年#Hacktoberfest期间,维护人员决定让它开源,而不是让代码在私有回购中生锈。
  • 令人惊喜的是,Chatwoot成了黑客新闻上的一个热门项目,最棒的是,得到了社区的广泛喜爱。
  • Chatwoot基于Vue.js、Vuex等技术开发。

注册与登录

网址:https://www.chatwoot.com/
注册
详细注册教程就不说了,开个翻译,即便不开翻译也是基本词汇,应该能照葫芦画瓢注册好的对吧!

添加网站

首先值得注意的事就是,Chatwoot这个平台无中文语言,如果需要请自行谷歌翻译。
第一步先添加一个网站,注册登录好进去就是很简洁的收件箱,我们需要点击右侧的 点击这里 去添加。
添加网站
进去之后可以根据自己的需求选择自己要面向的应用,因为我们这里是给自己的博客网站做客服应用,所以相应选择第一个 网站
添加网站
这里给你的博客网站填写自己的信息,名称域名等。
设置网站信息
如果你的网站规模很大,单人客服完成不过来,这时候就需要下一步,给你的网站客服添加一个代理商,来实现多人客服系统!
代理商
完成后,我们需要点击左侧的设置-收件箱-设定值,来选择你刚刚新建立好的客服应用。
然后选择第三个,组态,复制这端代码。
HTML代码

添加代码

这里需要手动填写你刚刚复制好的代码,需要添加到Head头部去。
HTML
Cuteen主题可以直接去模板外观-高级设置-头部自定义内容直接粘贴你刚刚复制的代码。
Ps:某些情况下可以需要刷新你的CDN缓存才成功。
Cuteen
handsome模板同样,模板外观-设置外观-自定义输入头部Head的Html代码
Handsome

最终效果

效果图
此插件和Crisp Chat客服插件道理是一样的,都是大同小异的功能,但是Crisp Chat插件在中国大陆速度没有Chatwoot快,最直白的就是Crisp Chat有手机客户端APP,而Chatwoot只有网页端,所以没有那么方便了。

如果需要Crisp Chat插件请看这篇文章:https://blog.mcpeach.cc/archives/221.html

最后修改:2021 年 03 月 16 日 12 : 52 PM
如果觉得我的文章对你有用,请随意赞赏