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

Question

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

我正在使用来自 npm LiveChat for React 的这个模块

Answer 1

我相信您会在 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;
}

由于这是一个 hackish 解决方案，当他们决定更改容器 ID 时，它可能会崩溃