Как добавить элемент Smooch web-messenger-container в пользовательский элемент

Question

Я хочу иметь возможность добавлять элемент # web-messenger-container к элементу вместо document.body.

Я пытался использовать Smooch.render без установки для встроенного атрибута значения true ив некоторых браузерах он работает нормально, но в других вызовы smunch CDN отменяются.Это связано с этой проблемой: https://github.com/smooch/smooch-web/issues/666

Я не хочу использовать встроенный режим, я просто хочу переместить кнопку Smooch в другой контейнер.Я пытался переместить элемент iframe с помощью JS, но это приводит к перезагрузке iframe, и окно Smooch исчезает.

Answer 1

Я бы сказал, если вы хотите добавить #web-messenger-container к другому элементу, встроенный режим - это способ .Без встроенного режима хост Smooch JS будет вызывать render () для самостоятельного добавления iframe, поэтому попытка вызова его во второй раз не вызовет у вас ничего, кроме горя.Кнопка / Закрыть, это довольно просто.Вы можете указать пользовательскую ширину и высоту кнопки из '0' и триггер Smooch.open() / Smooch.close(), как вам нравится.

Например:

https://jsfiddle.net/alavers/ve5uhjnd/