Chatwee is available in two versions, depending on its location on a webpage.
The chat window is inserted into a fixed spot by default. This means that it is displayed as a tab, always attached to the bottom of the page.
Every time you scroll the page down or up, the chat window follows the flow. The way it is embedded makes it separate from page content and always visible.
Every chat box needs to be hooked to a specific container. Most frequently, it will be a <div>, a <section> or any other HTML block level element (http://www.w3schools.com/html/html_blocks.asp). When the page loads, Chatwee identifies the proper container by its id attribute and links with it.
ContainerId is an id attribute of a
It is crucial to realize that every time a ContainerId change occurs, its new value automatically replaces the old one in the chatbox code.
This additional code snippet has to be pasted directly into your HTML markup, exactly where you want the chat box to appear. When your page loads, the script inserts Chatwee into the container specified by the chatbox code.
The last thing in the basic setup of the Chatwee chat box is specifying the desired dimensions. You can do this in two different ways.
First, you can choose to define the chat box dimensions manually. From the dropdown menu labeled Size, select define manually and enter your desired height and width values. When the chat box loads, these values will determine its dimensions by feeding the inline CSS height and width properties directly into the chat box (and not into its container).
By choosing the adjust to container option, you determine the chat box dimensions according to its container. This means you have to set the height and width styles for your container directly in the CSS file, however, it also creates some additional opportunities.
While defining the height and width manually in Chatwee Control Panel, make sure you enter the values in pixels. The second option gives you the opportunity to set these values in percent or any other units available in CSS. For instance, you can set the width value to 100%, which can come in handy if you want to entice proper responsive behavior.
Hence, the second option seems to provide more flexibility. It is recommended for advanced users and developers who have access to the complete code.