Slack Chat Widget for Your Website

Chatlio is a website chat widget connected to Slack. Visitors chat on your site while your team answers from its existing Slack workspace. Visitors do not need Slack, and operators do not need another support dashboard. Start a free 30-day trial ## Install the widget After you connect Chatlio to a Slack workspace, the dashboard gives you an embed snippet. A standard installation has two parts: ```html ``` Add the script and custom element to your page using the code generated for your account. Your widget ID connects the website to the correct Chatlio account and Slack channel. Use the detailed [setup guide](/docs/setup/) or follow a platform guide: - [React](/docs/react/) - [Next.js](/docs/nextjs/) - [WordPress](/docs/wordpress/) - [Shopify](/docs/shopify/) - [Squarespace](/docs/squarespace/) - [Webflow](/docs/webflow/) ## Choose how the widget appears Chatlio supports a standard chat launcher, a tab, a chip, a sidebar and an inline embed. In the dashboard you can set colors, labels, position, online and offline text, operator identity, and whether to ask for a name or email before the chat begins. Every paid plan includes CSS customization. The [appearance guide](/docs/appearance/) covers common controls, and the [JavaScript widget API](/docs/api-v1/) lets your application open, hide or configure chat in response to its own interface and events. ## Control where and when it shows You can hide the widget on selected URL patterns, limit it by country, follow operating hours, and set the maximum number of simultaneous chats. Chatlio can use the presence of Slack operators in the connected channel to decide whether the widget should be online. Useful controls include: - [hide the widget on selected pages](/docs/hide-chatlio/) - [show or hide it by country](/docs/geo-restrict-widget/) - [launch it from your own button](/docs/chatlio-custom-button/) - [send timed trigger messages](/docs/triggers/) - [collect name and email before chat](/docs/require-info-before-chatting-v1/) ## Pass customer data into Slack For signed-in visitors, call `_chatlio.identify()` with details your application already knows. Chatlio displays that data to operators next to the page URL, visitor location, browser and local time. Common fields include name, email, company, account plan and a link to an internal customer record. Do not send secrets or data that your support team does not need. ## Keep simultaneous chats separate New conversations first appear in the Slack channel you selected. When an operator answers, Chatlio creates a dedicated channel for that visitor. Several operators can join, and several visitor conversations can run at once without crossing messages. Text, images, files, code snippets and typing indicators work in both directions. Operators can also request a screenshot from the visitor without a browser plugin. ## Widget questions ### Does the widget expose a Slack channel publicly? No. Chatlio relays messages between one website visitor and authorized operators. A visitor cannot browse your Slack workspace or see another visitor's messages. ### Can I use one widget on several domains? Yes. All plans allow unlimited domains. If each site needs different labels, behavior or Slack routing, use separate widgets on a plan that includes them. ### Does it work on mobile websites? Yes. The widget adapts to small screens, and operators can answer through the Slack mobile app. ### Can I use Content Security Policy? Yes. The [Chatlio CSP guide](/docs/content-security-policy-csp/) lists the required directives and hosts. ### Can I embed chat inside a page instead of using a launcher? Yes. Choose the inline widget style and place the generated widget element where the chat should appear. [See all Chatlio features](/chatlio-live-chat-features/) or [view pricing](/pricing/).