Chatlio Setup and Installation

Setup Chatlio

To start using Chatlio, signup for Chatlio and follow the instructions to finish setup by going to the Chatlio dashboard and selecting your widget.

Installing Chatlio widget

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

1. Open the Dashboard.

2. Select the widget you want to install.

3. Go to the Widget Install tab.

4. Choose what style of widget you want. There are 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).
   • Embed inline: Displays the Chatlio widget inline (always open). This is useful for styling your own popup or full page option for your visitors.

5. Select on which type of application you will be installing Chatlio and follow the instructions on where to add the Chatlio embed code to your site’s code. Here are a few frameworks that have a dedicated doc page:

   • React
   • NextJS
   • Shopify
   • Squarespace
   • WordPress

   NOTE: If you are not sure what type of project you have or it’s not listed, try the “HTML” embed code or contact us using the Chatlio chat widget below. We’re happy to help you get started.

Next step, check out the quickstart guide.