Embedded widget

You can embed the chat widget in your HTML markup adding the embedded: true property to your options.

The widget will be embedded in the DOM node you provide, taking up the full height and width of the container. You must set a height for the node that will contain your widget.

Widgets that are not embedded are automatically rendered when they are initialised. If you embed your widget, you must call the ingeniousai.render() function with the DOM element you want to place the widget inside. The render() function must be called outside the ingeniousai.init().then() function, not within it.

<script>
const options = {
  integrationId: '<integration Id>',
  embedded: true,
},

ingeniousai.init(options).then();

ingeniousai.render(document.getElementById('widgetContainer'));
</script>