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

# Publish your agent on your Widget

> Publish your AI Agent on the Chat widget, so it can answer the chats for you.

When you’ve created an Agent, the first Widget is automatically connected. If you want to add an additional Widget, or disconnected the widget by mistake, follow the steps below to publish your Agent on the Chat Widget. You can do so via the **Agent Profile**, or via **Agent Settings**.

## Publishing via Agent Profile

<Steps>
  <Step title="Open Agent Settings">
    Open your **Agent**. Navigate to **Settings**. Scroll down to **Select your channels**.

    <Frame>
      <img src="https://mintcdn.com/watermelon/rGTC2krlLmVrzwYY/images/publish-your-agent/menu.png?fit=max&auto=format&n=rGTC2krlLmVrzwYY&q=85&s=70596feb6a36530ca7f6e74078fb053a" alt="Menu" width="2922" height="1390" data-path="images/publish-your-agent/menu.png" />
    </Frame>
  </Step>

  <Step title="Select Widget">
    Select the Chat Widget you want to connect in the Agent profile and click **Save**.

    <Frame>
      <img src="https://mintcdn.com/watermelon/L10rZgWjngCZtiq6/images/publish-your-agent/publish-on-facebook/facebook-select-channel.png?fit=max&auto=format&n=L10rZgWjngCZtiq6&q=85&s=4239d2eb28e7354727c5b0a11f6c161b" alt="Facebook Select Channel" width="2938" height="1390" data-path="images/publish-your-agent/publish-on-facebook/facebook-select-channel.png" />
    </Frame>
  </Step>

  <Step title="Chat Widget is connected as a channel">
    Your Chat Widget is now connected as a channel.

    <Frame>
      <img src="https://mintcdn.com/watermelon/L10rZgWjngCZtiq6/images/publish-your-agent/publish-on-facebook/facebook-succes.png?fit=max&auto=format&n=L10rZgWjngCZtiq6&q=85&s=f7f4a383a817ee34caada521560b4c52" alt="Facebook Succes" width="2938" height="1390" data-path="images/publish-your-agent/publish-on-facebook/facebook-succes.png" />
    </Frame>

    <Note>
      Make sure your Agent is **Active** so it can answer your incoming messages.
    </Note>
  </Step>
</Steps>

## Connecting via Agent settings

Check your Agent settings under **Activate**, you either see **Activate Agent** or **Deactivate Agent**. Click those to open the activation screen. There are different options in the activation screen:

<Steps>
  <Step title="Edit Channels">
    Click **Edit** to add a Chat Widget as a channel, or **Connect channel** in case no channel is connected yet.

    <Frame>
      <img src="https://mintcdn.com/watermelon/L10rZgWjngCZtiq6/images/publish-your-agent/publish-on-facebook/publish-agent-edit-channels.png?fit=max&auto=format&n=L10rZgWjngCZtiq6&q=85&s=d9c2da88b7922c206f9dd3f6dd86c137" alt="Publish Agent Edit Channels" width="2938" height="1390" data-path="images/publish-your-agent/publish-on-facebook/publish-agent-edit-channels.png" />
    </Frame>
  </Step>

  <Step title="Select Chat Widget">
    Select the desired **Chat Widget** and click **Save**

    <Frame>
      <img src="https://mintcdn.com/watermelon/L10rZgWjngCZtiq6/images/publish-your-agent/publish-on-facebook/facebook-select-channel.png?fit=max&auto=format&n=L10rZgWjngCZtiq6&q=85&s=4239d2eb28e7354727c5b0a11f6c161b" alt="Facebook Select Channel" width="2938" height="1390" data-path="images/publish-your-agent/publish-on-facebook/facebook-select-channel.png" />
    </Frame>
  </Step>

  <Step title="Optional: Activate Agent">
    Incase your Agent is Inactive: Click **Activate** to have your Agent start answering chats for you.

    <Frame>
      <img src="https://mintcdn.com/watermelon/L10rZgWjngCZtiq6/images/publish-your-agent/publish-on-facebook/publish-agent-activate.png?fit=max&auto=format&n=L10rZgWjngCZtiq6&q=85&s=4853bddb56409607b4841c26bb4a723e" alt="Publish Agent Activate" width="2938" height="1390" data-path="images/publish-your-agent/publish-on-facebook/publish-agent-activate.png" />
    </Frame>
  </Step>

  <Step title="Agent is live on Chat Widget">
    Your Agent is now live on the Chat Widget.

    <Frame>
      <img src="https://mintcdn.com/watermelon/L10rZgWjngCZtiq6/images/publish-your-agent/publish-on-facebook/publish-agent-success.png?fit=max&auto=format&n=L10rZgWjngCZtiq6&q=85&s=d8e2446584c1a1b1262d15625c2e2174" alt="Publish Agent Success" width="2938" height="1390" data-path="images/publish-your-agent/publish-on-facebook/publish-agent-success.png" />
    </Frame>
  </Step>
</Steps>
