Facebook聊天非常棒，即插即用。然而，它看起来和定位都很糟糕。
https://i.stack.imgur.com/akFLu.jpg
我正在寻找一种方式来设计它，这样它就不会过时了。事实上，它涵盖了cookie和产品页面上的购买按钮的协议，这是不可接受的。
最终目标是拥有这样的东西：
https://i.stack.imgur.com/kyJra.jpg
一个小按钮，可以扩展聊天，我可以把它放在左下方或右下方。
在Facebook聊天中，这样的事情可能发生吗？
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v5.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>
<div class="fb-customerchat"
attribution=setup_tool
page_id="##########"
theme_color="#E34F4B"
logged_in_greeting="Здравейте, с какво може да бъдем полезни?"
logged_out_greeting="Здравейте, с какво може да бъдем полезни?">
</div>此参数：greeting_dialog_display必须设置为"隐藏"greeting_dialog_display="隐藏">
FB文档中的矛盾：
web和移动设备的默认显示方式：https://developers.facebook.com/docs/messenger-platform/discovery/facebook-chat-plugin#customization
默认在网络上显示和在移动设备上隐藏：https://developers.facebook.com/docs/messenger-platform/reference/web-plugins/#attributes