Chatwoot setup: add live chat to your website

Chatwoot’s official channel presents this walkthrough. This tutorial explains how to add Chatwoot live chat to a website and handle visitor messages in a shared inbox. The walkthrough covers widget setup and the conversation flow between a visitor and a support teammate.

Setup begins in settings with a new website inbox. You enter the website details, choose a widget color that matches your brand, and write the welcome message visitors will see. You then add the teammates who should receive those conversations. Chatwoot presents an installation snippet, which you copy into your website code before publishing the change.

The walkthrough then follows a visitor who opens the widget, sends a question, and continues browsing. The speaker says the message appears in Chatwoot in real time alongside the rest of the queue. Labels help organize the inbox, while customer context shows where the conversation began. A support agent opens the message and replies from Chatwoot; the speaker describes the response as appearing immediately for the visitor.