非开发者如何在WordPress网站安装FB Customer Chat Plugin？

嘿，作为非开发者也完全能搞定这个！你已经完成了最关键的两步，接下来跟着我这几个简单的操作就能把Facebook客服聊天插件装上啦：

你已经完成的操作 #

• 已将https://moonbow.in加入Facebook客服插件的域名白名单
• 已将部分Facebook SDK代码粘贴到网站的footer.php文件中

步骤1：补全你的Facebook SDK代码 #

你之前粘贴的代码没写完，把它替换成这段完整的代码，确保放在footer.php文件的</body>标签之前：

<!-- 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=v18.0&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

步骤2：添加客服插件的核心代码 #

在刚才的SDK代码下方，继续粘贴这段代码，记得把你的Facebook页面ID替换成你实际的Facebook业务页面ID（你可以在Facebook页面的「关于」板块底部找到这个数字ID）：

<!-- Your Customer Chat code -->
<div class="fb-customerchat"
  attribution="setup_tool"
  page_id="你的Facebook页面ID">
</div>

更省心的替代方案：用WordPress插件（完全不用改代码） #

如果你担心手动修改代码出错，推荐用插件来搞定，全程可视化操作：

• 登录你的WordPress后台，点击「插件」→「添加新插件」
• 在搜索框输入「Facebook Chat Plugin」，找官方或者评分高的插件（比如Facebook官方推出的插件）
• 安装并激活后，跟着插件的指引连接你的Facebook页面，它会自动帮你完成所有配置，不用碰任何代码文件！

最后一步：验证效果 #

完成设置后，刷新你的网站https://moonbow.in，看看右下角是不是出现了Facebook的聊天按钮～如果没出现，可以检查这几点：

• 域名白名单是不是准确（确认是https://moonbow.in，没有多余的符号或拼写错误）
• Facebook页面ID有没有填错
• 代码是不是放在了</body>标签之前，没有被其他代码挡住

内容的提问来源于stack exchange，提问作者SooWhan Lee