如何将 Facebook 聊天框移动到上方/下方或右/左？

Posted 2023-02-23

【中文标题】如何将 Facebook 聊天框移动到上方/下方或右/左？

【英文标题】：How to move Facebook chat box above/below or right/left?

【发布时间】：2019-02-19 21:22:15

【问题描述】：

Facebook 聊天框（客户聊天 SDK）与我网站上的一个按钮重叠。我怎样才能把它移到上面？

【问题讨论】：

这里没有足够的信息来提供有意义的答案。请考虑在您的问题中添加一些相关代码。

是原码

【参考方案1】：

您可以检查 CSS 并覆盖以重新定位，但不建议这样做，因为它可能会在以后对插件进行更新时导致意外损坏。

【参考方案2】：

是原码：

<div id="fb-root"></div>



<script>`enter code here`
  window.fbAsyncInit = function() 
    FB.init(
      xfbml            : true,
      version          : 'v3.2'
    );
  ;

  (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/lt_LT/sdk/xfbml.customerchat.js';
  fjs.parentNode.insertBefore(js, fjs);
(document, 'script', 'facebook-jssdk'));</script>




<!-- Your customer chat code -->
<div class="fb-customerchat";  
  attribution=setup_tool
  page_id="0000000"
  theme_color="#0084ff"
  greeting_dialog_display="hide"
>
</div>

【参考方案3】：

你可以写添加网站的css：

.fb_dialog, .fb_customer_chat_bounce_in_v2, .fb_customer_chat_bounce_out_v2 
right: auto !important;
left: 10pt !important;
bottom: 10pt !important;

您可以在其中自行更改left: 10pt !important; bottom: 10pt !important;。

祝你好运！