独立站如何安装Facebook Messenger在线聊天插件

众所周知，绝大多数成熟的跨境电商自建站都有网站在线客服，提供线上的咨询处理业务服务，让网站显得更加专业服务更周到，顾客看了也更加有保障，在线客服可以说是离不开网站，对于网站也不可或缺。

市面上有很多在线客服工具，有免费的也有付费的就如我之前分享的一篇文章《外贸独立站聊天插件工具大全》里面提到了很多在线客服插件一样。

作为社交巨头Facebook提供的一种Messenger 聊天功能，很多人都以为只是一个手机聊天软件，其实它还有一种功能，就是用来当做在线客服插件工具使用。

通过安装Facebook Messenger 聊天插件，可以实现顾客在网站上面直接与您的Facebook主页通过Messenger进行聊天。

那么我们接下来就分享一下如何将Facebook Messenger安装到独立站上面。

安装步骤如下操作：

1、打开主页facebook 主页

点击右上角设置

2、点击 Messenger 开放平台找到顾客聊天插件，点击跳转到该板块

3、点击上图设置，然后提示如下界面

4、第一步设置界面显示语言，欢迎语

然后设置一下回复时间（在聊天界面名称下方可被顾客看见），设置下聊天窗口的界面颜色

第三步添加网站域名 （注意网站必须支持https访问）可以同时添加多个域名，只有被添加的域名，安装了才会显示Facebook Messenger聊天按钮。

选择自行安装代码复制好代码以后，点击完成

有了代码，接下来就是安装到指定的独立站网站页面，请根据自己的网站系统类型进行安装。

下面以shopyy独立站为例：

a、    转到shopyy后台

配置-开发者选点击添加按钮

将刚刚复制好的代码，添加到脚步内容空白区域，添加好如下图所示：

提交保存即可。

PC端显示效果：

移动端显示效果：

以上就是添加Facebook Messenger顾客聊天工具到独立站的详细步骤。

如有不明白可以小编交流QQ1239952319.

如果加了不显示 ，可以另外加一段代码 ：#xfbml=1&version=v2.12&autoLogAppEvents=1

将以上代码放到JS后面，如下图所示：

<!– Load Facebook SDK for JavaScript –>
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = ‘https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1‘;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

<!– Your customer chat code –>
<div class=”fb-customerchat”
attribution=setup_tool
page_id=”386404108770398″
theme_color=”#0084ff”>
</div>

这样就可以显示啦，已经测试没问题。

文章更新时间2018年12月27。

未经允许不得转载：跨境电商独立站自学教程网 » 独立站如何安装Facebook Messenger在线聊天插件