Chatlio Setup and Installation


Setup Chatlio

To start to using Chatlio, signup for Chatlio and follow instructions to finish setup here.

Installing Chatlio widget

After you have finished setup, you can choose how to display the widget on your site.

We currently have three different ways to display the Chatlio widget on your site.

  • Standard: Displays the Chatlio widget in bottom right corner of your site.
  • Sidebar: Displays the Chatlio widget on the entire right sidebar of your site (when open).
  • Inline: Displays the Chatlio widget inline (always open). This is useful for styling your own popup or full page option for your visitors.

chatlio widget styles

You can mix and match different styles, just place the different embed code versions on the page(s) where you want that version. We also have a wordpress plugin developed by one of our customers.

We also allow you to override any/everything about the Chatlio widget using CSS. Some other live chat companies charge extra for this, we never will. For example, if you want the standard widget to show on left side of screen instead of the right, add the following css.

#chatlio-widget .chatlio-widget {
    left: 30px;

Next step, check out the quickstart guide.

Your browser is out-of-date!

This website is built using latest technogies. Unfortunately your browser doesn't support those. Please update your browser to view this website correctly. Thank you.Update my browser now