如何将Facebook Messenger在线客服聊天工具加到网站上

第一步:打开Facebook网址链接:https://www.facebook.com/,输入账户密码登录进去,见下图所示:


Facebook登入


第二步:进入公众主页,点击“Meta Business Suite"里面,如下图所示:


Facebook 主页

Meta Business Suite 网站绑定

第三步:进去之后,点击进入”收件箱“,右上角有个设置按钮,点击进入所有设置,见下图所示:

Meta Business Suite 收件箱如何绑定独立站

Meta Business Suite 收件箱模式-查看所有设置


第四步:进去之后可以看到有个聊天插件,点击进去可以对聊天插件信息进行设置,如下图所示:

Faceboo收件箱设置

Faceboo收件箱设置2


第五步:点击设置,选择“标准方式”,选择聊天对话的语言,输入需要插入的网站域名,然后系统会生成代码,点击复制代码然后下一步进行粘贴。见下图所示:

Facebook 在线客服聊天插件

Facebook 在线客服聊天插件设置

Facebook 在线客服聊天插件添加网域

Facebook 在线客服聊天插件copy code复制代码到网站

Facebook 在线客服聊天插件粘贴代码到独立站



第六步:操作到上述步骤后,我们现在需要做的是将代码插入到网站上,我们先进入编辑网站后台,在页脚区域添加“Facebook Messenger”组件,将代码粘贴进去。如下图所示:

Facebook Messenger添加到黑蝠云建站平台绑定网站

黑蝠云建站插入Facebook Messenger绑定网站

独立站插入Facebook Messenger绑定网站 -2

插入成功后记得要点击网站右上角的保存并整站发布一下网站!

黑蝠云建站插入Facebook Messenger绑定网站-前端发布


第七步:网站插入好代码后,我们返回到Facebook Messenger设置后台,我们可以针对这个聊天插件进行自定义设置。如下图所示:

设置Facebook Messenger自动回复消息

设置Facebook Messenger自动回复消息2

设置完自定义样式后,我们最后点击一下发布即可。见下图所示:

设置Facebook Messenger自动回复消息3

最后我们只需要耐心等待网站生效即可!


补充说明:

按照上面的操作都进行了,但是网站上不显示图标。这种分两类情况进行分析:


1、大家打开网站都是没有显示图标的,这个情况可能是网站打开还没加载好或者还没生效,可以等一小会看是否会出现。

2、有的人打开网站有显示图标,有的人打开网站没有显示图标,这个情况就需要去Facebook后台看一下权限,主要涉及到两个权限。权限入口:按照上述的第一步、第二步、第三步进入下图页面,页面里有个“所有工具”,见下图所示:

设置Facebook Messenger 在独立站上显示图标

选择进入“公众主页设置”里面,如下图所示:

设置Facebook Messenger 在独立站上显示图标2

里面有个“国家/地区“和”年龄限制”,看是否设置的是“所有人可见”,如果不是要设置一下“所有人可见”才行。然后就能解决上述“有的人打开网站有显示图标,有的人打开网站没有显示图标”的情况。见下图所示:


设置Facebook Messenger 在独立站上显示图标3