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

Question

我在试着改变livechat的泡泡位置。

我正在使用npm LiveChat for React中的这个模块。

Answer 1

我相信您可以在LiveChat account configurations 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时，它可能会崩溃