如何使用 react-livechat 模块更改浏览器中的 Livechat 气泡位置？

问题描述

我正在尝试更改实时聊天的气泡位置。

我正在使用来自 npm LiveChat for React

的这个模块

解决方法

我相信您在 LiveChat 帐户配置https://www.livechat.com/help/customize-your-chat/#what-options 您只能向右或向左移动，进一步自定义需要一些 CSS 代码来覆盖其样式

更新

我查看了 livechat 官方网站，假设他们使用的是自己的产品，那么您的站点中应该有一个带有 id="chat-widget-container" 的 div，您可以在样式中添加 CSS 规则以将该聊天小部件移动到左侧或对

向右移动

#chat-widget-container {
  right: 0px;
  left: unset;
}

向左移动

#chat-widget-container {
  left: 0px;
  right: unset;
}

由于这是一个骇人听闻的解决方案，当他们决定更改容器 ID 时，它可能会中断