如何将 Smooch web-messenger-container 元素附加到自定义元素
How to append the Smooch web-messenger-container element to a custom element
我希望能够将 #web-messenger-container 元素附加到元素而不是 document.body。
我试过使用 Smooch.render，但没有将 embedded 属性设置为 true，它在某些浏览器上运行良好，但在其他浏览器上，smooch CDN 调用被取消。它与这个问题有关：https://github.com/smooch/smooch-web/issues/666
我不想使用嵌入模式，我只想将 Smooch 按钮移动到另一个容器。我试过用 JS 移动 iframe 元素，但它会导致 iframe 重新加载并且 Smooch window 消失。
我会说，如果您想将 #web-messenger-container 附加到不同的元素，嵌入模式是 的方式。如果没有嵌入式模式，Smooch 的主机 JS 将调用 render() 来附加 iframe，所以我想第二次尝试调用它只会给你带来悲伤。
如果您只想呈现自己的 open/close 按钮，那非常简单。您可以指定 '0' 的自定义 button width and height，并根据需要触发 Smooch.open() / Smooch.close()。
例如：
我希望能够将 #web-messenger-container 元素附加到元素而不是 document.body。
我试过使用 Smooch.render，但没有将 embedded 属性设置为 true，它在某些浏览器上运行良好，但在其他浏览器上，smooch CDN 调用被取消。它与这个问题有关：https://github.com/smooch/smooch-web/issues/666
我不想使用嵌入模式，我只想将 Smooch 按钮移动到另一个容器。我试过用 JS 移动 iframe 元素，但它会导致 iframe 重新加载并且 Smooch window 消失。
我会说，如果您想将 #web-messenger-container 附加到不同的元素，嵌入模式是 的方式。如果没有嵌入式模式，Smooch 的主机 JS 将调用 render() 来附加 iframe，所以我想第二次尝试调用它只会给你带来悲伤。
如果您只想呈现自己的 open/close 按钮，那非常简单。您可以指定 '0' 的自定义 button width and height，并根据需要触发 Smooch.open() / Smooch.close()。
例如：