Adding a container for the Web Client (version 2 deprecated)

Note: Version 3 is now available. We recommend that you use version 3 for all new Web Clients, and that you upgrade any existing implementations to this version as soon as possible.

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>
    <div class="container">
        <h1>Chat Bot Test</h1>
        <p>There is a chat bot on this page. </p>
        <div id="chat-wrapper" class="chat-wrapper">
            <div id="chatbot" class="chat-container"></div>
        </div>
    </div>

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

    <script type="text/javascript">
        $(function() {
            var options = {
                host: "https://designer.converse.pitneycloud.com",
                container: "#chatbot",
                title: "Chat with us now",
                serverUserImage: "https://designer.converse.pitneycloud.com/public/img/pb-circle-mark.png"
            };