Adding a container for the Web Client

On the web page, add a container for the Web Client using a div tag. The Web Client will display inside this container.

For example:

<body>
        <h1>Chat Bot Test</h1>
        <p>There is a chat bot on this page. </p>
        <div id="chatcontainer" class="chat-container"></div>
</body>

You must set the ID of the div tag as part of the Web Client's display options:

    <script type="text/javascript">
        $(function() {
            var options = {
                host: "https://designer.converse.pitneybowes.com",
                container: "#chatcontainer",
                title: "Chat with us now",
            };

For more details, see Configuring the Web Client display.