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

# Chat Widget

> Share a hosted chat URL or embed a chat widget in your website

Your agent is ready, but your team needs a way to reach it without opening the Agent Studio. The Chat Widget gives every agent a hosted URL anyone in your organization can bookmark, plus an embeddable widget you can drop into any page.

Once set up, you can:

* Share a hosted chat URL with anyone in your organization
* Embed the Agent chat as a widget on any website or app
* Suggest pre-defined conversation starters to guide first-time users
* Control access with platform login or your SSO provider

Pre-requisites:

* a [**Custom Agent**](/guides/agents/agent-configuration)

<Note>
  Chat is not available for Personal Agents. Create a [Custom Agent](/guides/agents/agent-configuration) to use the hosted chat or embed widget.
</Note>

<img src="https://mintcdn.com/xpanderai-099931d1/OGlJJ1lp1VY3af7I/images/guide/deployment-chat.png?fit=max&auto=format&n=OGlJJ1lp1VY3af7I&q=85&s=214900fe9f201d4d7b64a3f72fad5fab" alt="Hosted chat interface showing Xpander branding, message input, and conversation starters" width="3128" height="1976" data-path="images/guide/deployment-chat.png" />

## Share the Chat URL

Each agent gets a unique hosted URL that you can share directly - no code or embedding required.

<Steps>
  <Step title="Open the Channels tab">
    In the Agent Studio, click the **gear** <Icon icon="gear" size={16} /> icon and go to the **Channels** tab. Find the **Chat** section.

    <Frame>
      <img src="https://mintcdn.com/xpanderai-099931d1/OGlJJ1lp1VY3af7I/images/guide/deployment-channels.png?fit=max&auto=format&n=OGlJJ1lp1VY3af7I&q=85&s=2c6bbaba4ae8d07c8425fca70a2e56d9" alt="Channels tab showing Chat, Slack, Webhook, Task, MCP, and other deployment sections" width="3396" height="2076" data-path="images/guide/deployment-channels.png" />
    </Frame>
  </Step>

  <Step title="Copy the URL">
    Your chat URL is displayed directly (e.g., `https://peach-centipede.agents.xpander.ai`). Share this link with your users.

    <Frame>
      <img src="https://mintcdn.com/xpanderai-099931d1/OGlJJ1lp1VY3af7I/images/guide/chaturl.png?fit=max&auto=format&n=OGlJJ1lp1VY3af7I&q=85&s=884ba912ff4b1bd43c01a712155bb638" alt="Channels tab with the Chat section showing the unique hosted chat URL and Conversation starters button" width="3050" height="1962" data-path="images/guide/chaturl.png" />
    </Frame>
  </Step>
</Steps>

Anyone with the link and the right permissions can open the chat, start new threads, upload files, and have full conversations with your agent.

## Embed Chat Widget

You can embed the chat interface in any website using an iframe. The embedded version supports the same features as the hosted version: multiple threads, file uploads, and streaming responses.

Replace `YOUR_AGENT_ID` with your agent's ID. You can find it in the **Channels** tab under the **SDK** section (it's the same Agent ID shown there).

```html theme={"dark"}
<iframe
  src="https://chat.xpander.ai/agent/YOUR_AGENT_ID"
  width="400"
  height="600"
  style="border: none; border-radius: 12px;"
></iframe>
```

<Tip>
  The chat interface is responsive and adapts to the container size. Adjust the iframe dimensions and styling to match your site's layout.
</Tip>

<Tip>
  Users who open the embedded widget still need to authenticate. If your site handles identity through an SSO provider Xpander supports, connect it so users aren't prompted to log in again.
</Tip>

## Control Access

Set who can reach the chat using the [Agent Studio](https://app.xpander.ai/agents/) > Configuration > General tab > **Access** setting.

<Frame>
  <img src="https://mintcdn.com/xpanderai-099931d1/OGlJJ1lp1VY3af7I/images/guide/deployment-chat-access.png?fit=max&auto=format&n=OGlJJ1lp1VY3af7I&q=85&s=e03a8fea313b907d148a2801dc0c3962" alt="Access dropdown showing Only me and All users in my account options" width="500" data-path="images/guide/deployment-chat-access.png" />
</Frame>

| Setting                     | Who can access                                   |
| --------------------------- | ------------------------------------------------ |
| **Only me**                 | Only you - useful during development and testing |
| **All users in my account** | Anyone in your Xpander organization              |

### Authentication

Users authenticate through one of two paths:

* **Platform login** - Xpander's built-in user management (registration, password recovery, session handling, user profiles). The default, and the right choice for most deployments.
* **SSO** - If your organization already uses Okta, Auth0, or Azure AD, connect it so users sign in with their existing credentials. Xpander supports SAML 2.0 and OAuth 2.0 with role mapping and automatic provisioning.

SSO is configured in Admin Settings. [Contact sales](https://cal.com/team/xpander-ai/activate) to enable SSO on your workspace.

## Custom Domain

Enterprise workspaces can serve the chat from a branded domain like `chat.your-company.com` instead of the default `chat.xpander.ai`. This preserves every chat feature (threads, conversation starters, authentication, and embedding) while keeping the URL on your own domain. [Contact sales](https://cal.com/team/xpander-ai/activate) to set this up.

## Add Conversation Starters

Conversation starters are prompt suggestions that appear when a user first opens the chat. They reduce the blank-page problem and help users understand what the agent can do.

<Steps>
  <Step title="Open Conversation starters">
    In the **Chat** section of the Channels tab, click <kbd>Conversation starters</kbd>.
  </Step>

  <Step title="Add prompts">
    Click <kbd>+ Add conversation starter</kbd> to create suggestions. Each starter is a short phrase like "What can you do?" or "Summarize today's tickets."

    <Frame>
      <img src="https://mintcdn.com/xpanderai-099931d1/OGlJJ1lp1VY3af7I/images/guide/deployment-chat-starters.png?fit=max&auto=format&n=OGlJJ1lp1VY3af7I&q=85&s=777e2539a29a5f21456947bf5812bcf3" alt="Conversation starters editor with example prompts and Save button" width="400" data-path="images/guide/deployment-chat-starters.png" />
    </Frame>
  </Step>

  <Step title="Save">
    Click <kbd>Save</kbd>. The starters appear immediately in the chat interface.
  </Step>
</Steps>

## Next Steps

<CardGroup cols={2}>
  <Card title="MCP Protocol" icon="bridge" href="/guides/deploy/mcp">
    Expose your agent to Claude Desktop, Cursor, and other MCP clients
  </Card>

  <Card title="Slack" icon="slack" href="/guides/deploy/slack">
    Deploy to Slack workspaces
  </Card>

  <Card title="Monitor Runs" icon="chart-line" href="/guides/observability/threads">
    Trace execution, debug failures, and review AI performance
  </Card>
</CardGroup>
