Customizing the Web Client's appearance (version 2 deprecated)

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

We use standard CSS. This means that you can override the CSS with styling more suitable for your brand.

As a minimum you may need to set the height and width of the Web Client:

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://designer.converse.pitneycloud.com/public/slick/slick.css" />
    <link rel="stylesheet" href="https://designer.converse.pitneycloud.com/converseChatV2.css" />
    <style type="text/css">
        #chatbot {
            max-height: 500px;
            height: 500px;
            width: 360px;
        }
    </style>
</head>

For a full example, see Web Client code example (version 2 deprecated).