> ## Documentation Index
> Fetch the complete documentation index at: https://docs.typebot.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Chatwoot

The Chatwoot integration block allows you to open a Chatwoot widget to allow your user to directly talk to a human. It allows you to add a Live Chat layer on your typebot.

## Requirements

For this integration, you need a Chatwoot account and create a "Website" inbox:

<Frame>
  <img src="https://mintcdn.com/typebot/bR67_tMY0NAThQSS/images/blocks/integrations/chatwoot/website-inbox.png?fit=max&auto=format&n=bR67_tMY0NAThQSS&q=85&s=6b38358a48c42411653243c51c518a19" alt="Create website inbox" width="2356" height="1606" data-path="images/blocks/integrations/chatwoot/website-inbox.png" />
</Frame>

## Setup

Insert a Chatwoot block where you want to trigger the widget:

<Frame>
  <img src="https://mintcdn.com/typebot/bR67_tMY0NAThQSS/images/blocks/integrations/chatwoot/options.png?fit=max&auto=format&n=bR67_tMY0NAThQSS&q=85&s=e793598bbef8fde15c1ac4245d9030e6" alt="Chatwoot block" width="1316" height="898" data-path="images/blocks/integrations/chatwoot/options.png" />
</Frame>

To find your website token, head over to Chatwoot in your Inbox settings:

<Frame>
  <img src="https://mintcdn.com/typebot/bR67_tMY0NAThQSS/images/blocks/integrations/chatwoot/website-token.png?fit=max&auto=format&n=bR67_tMY0NAThQSS&q=85&s=9cd3806389bf2077cade2e5f7f52872d" alt="Find website token" width="2524" height="1624" data-path="images/blocks/integrations/chatwoot/website-token.png" />
</Frame>

You can prefill user information by adding collected variables to the "Set user details" inputs.

For example, if you set the "Email" input to "[john@gmail.com](mailto:john@gmail.com)" then Chatwoot will automatically associate this email to the current user.

## Custom attributes

You can add these custom attributes that Typebot will automatically fill in for you:

### Result URL

You can link the current result URL to the Chatwoot conversation by creating this custom attribute:

<Frame>
  <img src="https://mintcdn.com/typebot/bR67_tMY0NAThQSS/images/blocks/integrations/chatwoot/custom-attribute.png?fit=max&auto=format&n=bR67_tMY0NAThQSS&q=85&s=a536ca44e2455330788b0fcc7a204ee5" alt="Chatwoot custom attribute" width="1820" height="2114" data-path="images/blocks/integrations/chatwoot/custom-attribute.png" />
</Frame>

### Set user behavior

If you are prefilling user information, by default, if you leave the ID input empty, it will set the Chatwoot user ID as either the `Email` or the Result ID.

Setting the `Email` as the ID allows us to avoid having contact not properly merged together ([https://github.com/chatwoot/chatwoot/issues/2811](https://github.com/chatwoot/chatwoot/issues/2811))