众所周知，绝大多数成熟的跨境电商自建站都有网站在线客服，提供线上的咨询处理业务服务，让网站显得更加专业服务更周到，顾客看了也更加有保障，在线客服可以说是离不开网站，对于网站也不可或缺。
市面上有很多在线客服工具，有免费的也有付费的就如我之前分享的一篇文章《外贸独立站聊天插件工具大全》里面提到了很多在线客服插件一样。
作为社交巨头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。
赞赏
微信赞赏
支付宝赞赏
原创文章，作者：小稣童，如若转载，请注明出处：https://www.snswhy.com/archives/1059.html
