如何添加Facebook Messenger 到你的网站

Facebook Messenger 同国内的的QQ 聊天客服差不多,但也有比较大的区别,在跨境电商独立站中可以充当一个不错的客服工具

右上角箭头展开,找到你的主页,选择一个进入

进入主页后,选择右上角的“设置” – “主页信息

找到“把Messenger 添加到你的网站” – “开始

按照引导生成代码,复制粘贴到你的网站上

生成的代码差不多这样

<!-- Load Facebook SDK for JavaScript --> 
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
    FB.init({
        xfbml: true,
        version: 'v7.0'
    }); 
};

(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>
<!-- Your Chat Plugin code --> 
<div class="fb-customerchat"
    attribution=setup_tool
    page_id="xxx"
    theme_color="#D04E26">
</div>

最终页面效果

如果你需要生成比较个性的

https://developers.facebook.com/apps/ 创建 Facebook 开发者帐户

Leave a Reply

Your email address will not be published. Required fields are marked *