Chatwee chat plugin offers 3 display modes:
Fixed tab, or a chat bubble, which is an expandable icon sitting in the corner of your site. You can flip it to the left, or leave it on the right side. This is the default display mode and if you like it, you don’t have to do anything extra.
Embedded chat, which is a chat box you can embed anywhere on your site to make the chat plugin a better fit with your layout. If this is the display mode you’d like to use, you have to go to Dashboard > Customize > General and switch to Embedded chat.
Next, you have to create a container, which is a certain piece of code including the Container selector string you’ll now see after switching to Embedded chat. The container itself will most likely fall into one of the three categories:
#chatwee-widget
Sample container
<div id="chatwee-widget"></div>
.chatwee-widget
Sample container
<div class="chatwee-widget"></div>
div
Sample container
<div></div>
Once you have the container ready, paste it into the source code of your site, where you want the embedded chat box to appear.
Please be aware that the minimum size of the container is 300x400 px for the top bar layout and 500x400 px for the column layout. If any of the values is smaller, the chat will not be displayed at all.