Keen · 更新于2020年3月25日 · 232次阅读 · 2条评论

如果你的网站想设置一个在线聊天工具的话,我比较推荐使用facebook messenger,因为fb的平台比较稳定,而且用户跟你沟通你是可以直接去fb上添加好友的,聊天的消息可以在messenger app中查看,也可以直接去网页查看,关键还是免费的。 好了,废话不多说,进入安装页面,在安装fb在线聊天工具之前我们需要创建一个fb page。

进入fb page

首先我们要用一个fb的账号,然后可以直接去账号里面创建page,page的教程比较简单就不列举了,可以查看一下官方的教程。

 

点开setting之后找到Messaging:

 

 

然后找到Add Messenger to your website,并点击Get Started

出现的弹窗可以设置语言,一般默认英语,另外还可以设置招呼语,这个建议写上自己的联系方式:

填写完招呼语之后下一步next,可以定制聊天窗的颜色,建议与网站UI设计一致:

第三步,要填写自己的网址,这个比较重要,网址填写正确才能正常显示,格式为https://xxx.com

然后复制右侧的代码放入网站中。

 

代码放入网站

由于每个人使用的wp主题不同,所以放置代码的位置也不同,一般wp商业主题都会附带custom js,位置在theme options中,如果没有的话建议大家安装一个插件叫insert header and footer:

 

 

由于我使用的是Astra主题,自带的custom layout可以放置代码,所以我就用Astra主题演示:

在Astra的Custom layout中新建一个,然后放入代码,位置可以选择wp_footer,这里需要注意,因为聊天工具的代码属于不重要的代码,可以放到网页底部显示,优先加载其他网页代码,这样能增加网站的打开展示速度。

 

最后保存查看一下网页前台,多刷新几次就会出现在线聊天窗口了。

 

使用Messenger App

最后,大家可以在手机上下载Messenger App了,这个工具是fb官方的聊天工具,手机上很容易搜索到。

 

fb在线聊天的缺点

不可避免,fb的在线聊天功能比较强大,但是缺点同样也有,加载的时候js代码比较多,相对网速优化起来比较麻烦,所以大家斟酌考虑是否真的需要在线聊天。

 

以上就是今天的教程,有什么问题欢迎留言,我会定期解答的。

2人评论了“如何给WordPress网站安装在线聊天”

  1. 头像

    请教下,使用messenger 是否和对方有无FB账号无关;
    对网站速度的影响大概到什么程度,有没有可量化的参考?
    这样的话要时刻打开上网工具了?

    谢谢!

    1. Keen

      你好,使用messenger必须要对方登陆fb账号,这样也能确保我们可以加上客户的fb,方便后面跟进。网速这边,由于具体网站加载资源情况的不同,估计会占用0.5-1s的速度。 手机上接收消息可以关闭梯子,但是回复还是需要梯子的

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Scroll to Top