Skip to main content

Embedding the chat widget in a container

By default, the chat widget is located inside the <body> tag.

If you need to embed the widget into another HTML element, enable the setting for Embedding the widget in a container and specify the necessary page element ID in the Embedding ID field.

For example, set the value of Embedding ID to widgetContainer and add the chat widget script to your web page. The widget will be embedded into <div id="widgetContainer"></div>.

<!DOCTYPE html>
<html>
  <head>
    <meta name="fragment" content="!">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <div id="widgetContainer"></div>
    <script src="https://bot.jaicp.com/chatwidget/.../justwidget.js" async></script>
  </body>
</html>