Accomplish even more with our new chat widget!

So, how does it differ from the one you see to the right? Well, it has multiple chat rooms, group conversations, offline messaging and different design. Essentially, it’s geared towards the needs of your online community even better.

Ok, let me see it Nope, I’m good

Not trying to push anything on you. We just want you to make the most informed decision possible.

How can I turn Chatwee into a chat box mode?

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 ( When the page loads, Chatwee identifies the proper container by its id attribute and links with it.

ContainerId is an id attribute of a

tag displayed in the chatbox code described in the next paragraph. ContainerId has a default value, however, it can be changed in accordance with a proper naming convention.

It is crucial to realize that every time a ContainerId change occurs, its new value automatically replaces the old one in the chatbox code.

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.