将 Facebook Messenger 即时聊天嵌入网站

Facebook Messenger 是将在线聊天工具嵌入你的网站的最简单方法! 聊天工具是和你的访客 Facebook 账号相连结的,这样他们总是可以打开聊天窗口。

以下是你的访客会在你的网站上看到的样式:

 

你需要:

 

 都有了吗?太好了,那我们开始吧!

 

1. 获得你的 Facebook App ID。

这是一串长号码。例如,Strikingly 的 App ID 是 138736958550286。你可以在这个页面看到你的 App ID:https://developers.facebook.com/apps/

 

2. 获得你的 Facebook Page ID。

这也是一串长号码。例如,Strikingly 的 Page ID 是 211998345516663。要找到你的 Page ID,首先你进入你的 Facebook 公共主页,点击展开>简介,然后拉到最下方:

mceclip0.png

mceclip1.png

3. 添加你的网站。

接着打开 Facebook Page 的“设定”,在左边找到“Messenger 平台”,然后在右侧的“一般设定” > “Whitelisted Domains” 这里输入你的网址。前面必须加上https://。然后按下「Save」來保存设定。

 

 

4. 使用自定义代码将 Facebook Messenger 嵌入你的网站。

将以下代码复制到你的编辑器 > 设置 > 高级选项 > 自定义代码 > 页脚代码。请记得将以下红色字体换成你的 Facebook App ID 和 Facebook Page ID!

 

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId : 'YOUR_APP_ID',
      autoLogAppEvents : true,
      xfbml : true,
      version : 'v2.11'
    });
  };
  (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";;
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat"
messenger_app_id="YOUR_APP_ID"
page_id="YOU_PAGE_ID"
ref="test">
</div>

  

5. 发布你的网站!

这样你就可以在你的网站的右下角看到 Facebook Messenger 即时聊天了。

 

 

请和我们联系:support@strikingly.com  或联系我们 7/24 的在线聊天客服(仅限英文)。

还有其它问题?提交请求