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

# Chat AI Agent

Automate your chat interactions and streamline communication with a Chat AI Agent. This guide shows you how to set up, configure, and deploy your own Chat AI Agent for responsive, AI-powered conversations.

## 🎥 Video walkthrough

<div class="card-video">
  <video src="https://storage.googleapis.com/helpsessionvideos/Contactswing/Videos/AI-Agent/chat%20ai.mp4" autoplay playsinline controls />
</div>

## Step-by-step guide

<Steps>
  <Step title="Access the AI Agent dashboard">
    Go to the **AI Agent** tab and select **New AI Agent** to start creating your chat automation agent.

    <img src="https://storage.googleapis.com/helpsessionvideos/Contactswing/images/Create-Assistant.jpg" alt="AI Agent dashboard" />
  </Step>

  <Step title="Choose Chat agent type">
    Select **Chat** from the agent type options to build a bot for chat-based interactions and intelligent responses.

    <img src="https://storage.googleapis.com/helpsessionvideos/Contactswing/images/chatt.jpg" alt="Select Chat Agent type" />
  </Step>

  <Step title="Configure your agent settings">
    Name your agent and set up the following options:

    * **Name**: Enter a descriptive name (e.g., "My Chat AI Agent").
    * **AI Model**: Choose an AI model for generating responses.
    * **Action**: Define actions your agent can trigger during conversations.
    * **Prompt**: Enter instructions to guide your agent's behavior.

    Click **Next** when you finish configuring your agent.

    <img src="https://storage.googleapis.com/helpsessionvideos/Contactswing/images/chat1.jpg" alt="Configure agent settings" />

    <img src="https://storage.googleapis.com/helpsessionvideos/Contactswing/images/chat2.jpg" alt="Configure agent settings" />

    <img src="https://storage.googleapis.com/helpsessionvideos/Contactswing/images/chat4.jpg" alt="Configure agent settings" />
  </Step>

  <Step title="Integrate and test the chat widget">
    Copy the provided widget code and paste it into your website's HTML to display the chat widget. Or, click **Text to Test** to try the widget immediately.

    <img src="https://storage.googleapis.com/helpsessionvideos/Contactswing/images/chat5.jpg" alt="Chat widget example" />

    <img src="https://storage.googleapis.com/helpsessionvideos/Contactswing/images/chat6.jpg" alt="Chat widget example" />

    <img src="https://storage.googleapis.com/helpsessionvideos/Contactswing/images/chat7.jpg" alt="Chat widget example" />
  </Step>
</Steps>

***

**Notes:**

* API keys from the Integrations tab apply automatically to chat features.
* Ensure your configuration is complete before testing the chat assistant.