我正在尝试更改实时聊天的气泡位置。
我正在使用来自 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;
}
由于这是一个 hackish 解决方案,当他们决定更改容器 ID 时,它可能会崩溃
关于javascript - 如何使用 react-livechat 模块更改浏览器中的 Livechat 气泡位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67498867/