> For the complete documentation index, see [llms.txt](https://docs.omnichat.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.omnichat.ai/en/features/omni-ai-add-on-feature/raccoon-ai-agent.md).

# Raccoon AI Agent

Create a Raccoon AI Agent to enable interactive AI chatbot cards for your customers!

{% hint style="info" %}
This is an add-on feature. Please contact your account consultant or reach out to us via our online messaging service for more details.
{% endhint %}

## Prerequisites

1. Complete Raccoon AI Integration: Ensure the initial connection is active. Refer to the [Raccoon AI Integration Guide](/en/features/tong-xun-qu-dao/raccoon-ai-integration-guide.md) for details.
2. Request the "Header Auth" information from Raccoon AI.
3. Go to Developer Center > Open API Token in the Omnichat dashboard to create a new token. For detailed instructions, see the [Open API Token Management page](/en/features/developer-center/open-api-token-management.md).

## Step 1: Edit Agent Information

Navigate to Omni AI > Third-party AI Agent > Raccoon AI. Click the "..." button in the top right corner and select "Edit Agent".

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FdwgdsYPUIgxe9cm6RpRl%2FScreenshot%202025-10-22%20at%205.11.27%E2%80%AFPM.png?alt=media&amp;token=dde79df8-fc96-499b-9419-f9ab66201cec" alt=""><figcaption></figcaption></figure>

## Step 2&#x20;

Click the "Set Up Now" button.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2F7vvi1csqaSUOJAXiplhf%2FScreenshot%202025-10-22%20at%205.11.11%E2%80%AFPM.png?alt=media&amp;token=3d4a1a7a-b34b-4088-9397-db6db23f3847" alt=""><figcaption></figcaption></figure>

## Step 3

Enter the Open API Token you generated in the Omnichat and click "Bind Settings" button.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FojcCki744YO9AiVeD02n%2FScreenshot%202025-10-22%20at%205.09.31%E2%80%AFPM.png?alt=media&amp;token=31efcb68-4c5e-4f47-bc36-6875041a808a" alt=""><figcaption></figcaption></figure>

If you cannot find your token, visit the Developer Center > Open API Token page.

If you haven't created one yet, please follow the steps on the [Open API Token Management page](/en/features/developer-center/open-api-token-management.md).

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FqoV3dIX71DBGI0wbg8l3%2FScreenshot%202025-10-22%20at%205.11.40%E2%80%AFPM.png?alt=media&amp;token=d3e6fef0-8539-47c6-85bf-6b7b9dfb1cd5" alt=""><figcaption></figcaption></figure>

## Step 4&#x20;

Once the token is entered, click the "+ Add URL" button.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2Fn1qwpKnLJ0XUGd0jbVIz%2FScreenshot%202025-10-22%20at%205.45.16%E2%80%AFPM.png?alt=media&amp;token=d6113afd-d5f1-4e1d-9940-74823b809b36" alt=""><figcaption></figcaption></figure>

## Step 5&#x20;

Enter the URL of the website where your Omnichat web chat widget is installed, then click "Add and Bind" button.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2Fjo1MxgoAWMjsFhuEZr9N%2FScreenshot%202025-10-22%20at%205.45.53%E2%80%AFPM.png?alt=media&amp;token=6fff0b0a-c9cd-4985-9ed3-0b6b95d0da2a" alt=""><figcaption></figcaption></figure>

You can find your widget URL under Channels > Webchat Plugin > Install Widget.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FjZQmz3nlEHlOzHb0nDOj%2F%E6%88%AA%E5%9C%96%202026-05-01%20%E4%B8%8B%E5%8D%883.17.38.png?alt=media&amp;token=d442ba38-1258-49fa-b1b9-f68108566d44" alt=""><figcaption></figcaption></figure>

## Step 6: Edit Webhook Information

Go back to Omni AI > Third-party AI Agent > Raccoon AI, click the "..." button, and select "Edit Webhook" button.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FvPvdaH29ZsBykgrryP0J%2FScreenshot%202025-10-22%20at%205.11.27%E2%80%AFPM.png?alt=media&amp;token=043e9913-49cf-46ea-925d-abcbba407e89" alt=""><figcaption></figcaption></figure>

## Step 7

Enter the Header Auth provided by Raccoon AI. If you do not have this information, please contact the Raccoon AI team for assistance.

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FsbPSbnRne0DtXZLdLfoH%2FScreenshot%202025-10-22%20at%205.10.50%E2%80%AFPM.png?alt=media&amp;token=e72b03e5-d9c6-418c-b818-98e695f4734a" alt=""><figcaption></figcaption></figure>

With the basic configuration complete, you can now enable customer interactions by adding the AI Agent to your chatbot flows.

## Step 8

Go to Advanced Automation > Chatbot. Add an "AI Agent Card" and select "Raccoon AI". You can now use this module to interact with your customers!

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FSavV4nIip4bvpqzKv7Bg%2FScreenshot%202025-10-22%20at%205.12.21%E2%80%AFPM.png?alt=media&amp;token=ea883092-d7fc-40a9-98f6-9c3a7766965f" alt=""><figcaption></figcaption></figure>
