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

# Tạo AI Agent đầu tiên

> Hướng dẫn từng bước để tạo và triển khai AI Agent đầu tiên trên AgentBase trong khoảng 5 phút.

Chỉ trong vài phút, bạn sẽ có một AI Agent toàn diện trả lời những câu hỏi về doanh nghiệp của bạn và tương tác với khách hàng ở website của bạn. Bắt đầu nào!

## Trước khi bắt đầu

<Info>
  Bạn sẽ cần một tài khoản AgentBase để tiếp tục với hướng dẫn. [Đăng ký ở đây](https://agentbase.vn/auth/signup) nếu bạn chưa có.
</Info>

## Tổng quan

Đây là những bước chúng ta sẽ làm trong hướng dẫn này:

<Steps>
  <Step title="Tạo và huấn luyện agent của bạn">
    Tạo một AI agent mới và huấn luyện dựa trên website hoặc dữ liệu của bạn
  </Step>

  <Step title="Kiểm tra & tối ưu">
    Sử dụng trang Playground để kiểm tra và chỉnh sửa phản hồi của AI
  </Step>

  <Step title="Triển khai lên website của bạn">
    Thêm AI agent vào website của bạn với một đoạn mã nhúng đơn giản
  </Step>
</Steps>

<Tip>
  Thời gian ước tính: 5 phút để hoàn thành
</Tip>

## Bước 1: Tạo tài khoản và workspace

<Steps>
  <Step title="Đăng ký tài khoản">
    Truy cập trang đăng ký và tạo tài khoản bằng email hoặc đăng nhập qua Google.

    <Frame>
      <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/signup.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=69e41b8395def5573400db7d1d410eaa" alt="Trang đăng ký AgentBase" width="1400" height="900" data-path="images/quick-start/signup.png" />
    </Frame>
  </Step>

  <Step title="Tạo workspace">
    Sau khi đăng nhập lần đầu, bạn sẽ có một workspace được tạo tự động, nếu chưa có hãy tạo một cái mới\*\* \*\*- đặt tên cho tổ chức hoặc doanh nghiệp của bạn.

    <Frame>
      <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/create-workspace.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=063eac80d7c7d82e891e54eb0b0f05c1" alt="Tạo workspace mới" width="1400" height="900" data-path="images/quick-start/create-workspace.png" />
    </Frame>
  </Step>
</Steps>

## Bước 2: Tạo agent mới

Từ trang Agents, nhấn **"Tạo agent mới"** để vào wizard gồm 5 bước:

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/new-agent-button.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=698fb0bd87007f9a3ffdaa336ab77dee" alt="Nút tạo agent mới" width="1400" height="900" data-path="images/quick-start/new-agent-button.png" />
</Frame>

### Thiết lập với đường dẫn

* Nhập URL website doanh nghiệp của bạn (ví dụ: `https://agentbase.vn`).
* Chọn giao thức (https hoặc http).
* Chọn trường hợp sử dụng (ví dụ: hỗ trợ khách hàng, tư vấn bán hàng, nội bộ).

<Tip>
  Nếu không có website, bạn vẫn có thể bắt đầu bằng dữ liệu khác, nhưng khuyến khích nhập link website để AI tự động tối ưu dữ liệu và ngữ cảnh của doanh nghiệp bạn.
</Tip>

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step1-setup.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=472624e0c2375dbd62bbc4d1ec1b1a0e" alt="Bước 1: Thiết lập với đường dẫn" width="1400" height="900" data-path="images/quick-start/step1-setup.png" />
</Frame>

### Thêm nguồn dữ liệu

Đây là bước quan trọng nhất - nơi bạn cung cấp kiến thức cho agent.

<Tabs>
  <Tab title="Files">
    Tải lên PDF, DOCX, TXT, CSV. Hệ thống tự động trích xuất nội dung.

    **Tốt nhất cho:** Tài liệu doanh nghiệp, hướng dẫn, FAQs, thông tin sản phẩm, etc.

    <Frame>
      <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step2-files.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=bb78223443cee76a2ed9434368c1e224" alt="Step2 Files" width="1400" height="900" data-path="images/quick-start/step2-files.png" />
    </Frame>
  </Tab>

  <Tab title="Văn bản">
    Nhập hoặc paste trực tiếp nội dung văn bản.

    **Tốt nhất cho:** Thông tin cụ thể, nội dung huấn luyện tùy chỉnh

    <Frame>
      <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step2-text.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=eb722b886b09b14131a19e4b27888fbc" alt="Step2 Text" width="1400" height="900" data-path="images/quick-start/step2-text.png" />
    </Frame>
  </Tab>

  <Tab title="Website">
    Crawl toàn bộ website, sitemap, hoặc từng URL riêng lẻ.

    Crawler của chúng tôi sẽ quét và học từ tất cả trang của bạn.

    **Tốt nhất cho:** Toàn bộ website hoặc sitemap của bạn

    <Frame>
      <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step2-website.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=02e46bf9e49e240a693b2b3b2fbaaae0" alt="Step2 Website" width="1400" height="900" data-path="images/quick-start/step2-website.png" />
    </Frame>
  </Tab>

  <Tab title="Q&A">
    Tạo cặp câu hỏi-đáp chuẩn. Cực kỳ hiệu quả cho các câu hỏi thường gặp (FAQ).

    Có thể hữu ích khi bạn muốn agent biết về các câu hỏi và câu trả lời cụ thể.

    **Tốt nhất cho:** Những câu hỏi và câu trả lời cụ thể

    <Frame>
      <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step2-qna.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=dfce520c86dd9cb36d280a851aae62d1" alt="Step2 Qna" width="1400" height="900" data-path="images/quick-start/step2-qna.png" />
    </Frame>
  </Tab>

  <Tab title="Notion">
    Nhập dữ liệu từ Notion workspace (sắp ra mắt).

    **Tốt nhất cho:** Những nhóm sử dụng Notion

    <Frame>
      <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step2-notion.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=a952a352fb81679edf971a10c1993232" alt="Step2 Notion" width="1400" height="900" data-path="images/quick-start/step2-notion.png" />
    </Frame>
  </Tab>
</Tabs>

### Kiểm tra và bắt đầu huấn luyện

Bấm "Huấn luyện & tiếp tục" để bắt đầu quá trình huấn luyện.

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step2-sources.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=a38502b9050c774159bd0d694bc4e544" alt="Bước 2: Thêm nguồn dữ liệu" width="1400" height="900" data-path="images/quick-start/step2-sources.png" />
</Frame>

<Tip>
  Quá trình huấn luyện thường mất 1-3 phút dựa trên độ lớn của dữ liệu. Bạn có thể bắt đầu bước tiếp theo sau khi huấn luyện xong.
</Tip>

<Info>
  **Giới hạn kho dữ liệu:** Các gói dịch vụ khác nhau có giới hạn kho dữ liệu cho data huấn luyện khác nhau. Kiểm tra gói nếu bạn vượt quá giới hạn.
</Info>

### Tùy chỉnh giao diện Agent

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step3-appearance.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=d0ca5509849cfa79ea73d3a85ac95798" alt="Bước 3: Tùy chỉnh giao diện" width="1400" height="900" data-path="images/quick-start/step3-appearance.png" />
</Frame>

* **Tên agent:** Tên hiển thị trên chat widget.
* **Giao diện (Theme):** Chọn giao diện sáng hoặc tối.
* **Màu chính (Primary color):** Màu nổi bật cho bong bóng tin nhắn và nút gửi.
* **Màu header:** Tùy chọn sử dụng màu chính cho phần header.
* **Ảnh đại diện:** Tùy chỉnh ảnh đại diện của chat widget.
* Xem trước giao diện trực tiếp qua **ChatPreview** bên phải.

### Cài đặt AI

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step4-ai-settings.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=bb10a3da4ad43ef50bc735a56ab503b6" alt="Bước 4: Cài đặt AI" width="1400" height="900" data-path="images/quick-start/step4-ai-settings.png" />
</Frame>

* **Chọn model AI:** GPT-5.4 Mini (mặc định), GPT-5.5, GPT-5.4 Nano, Claude và Gemini (trong tương lai), và các model hiện đại nhất bây giờ.
* **System prompt:** Hướng dẫn cho AI về cách trả lời - giọng điệu, phạm vi, ngôn ngữ, những gì nên/không nên nói.

<Info>
  Nếu không chắc, hãy sử dụng các mẫu prompt có sẵn và tùy chỉnh thêm. Bạn cũng có thể tinh chỉnh sau trong Playground.
</Info>

### Chọn gói dịch vụ

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/step5-plan.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=9c55a9632a887428bb65d49566ffe1b4" alt="Bước 5: Chọn gói dịch vụ" width="1400" height="900" data-path="images/quick-start/step5-plan.png" />
</Frame>

* Xem và so sánh các gói: Free, Standard, Pro.
* Chọn thanh toán theo tháng hoặc theo năm.
* Gói Free cho phép bạn dùng thử miễn phí với 50 credits/tháng.

## Bước 3: Thử nghiệm & Tối ưu AI Agent

### Vào trang Playground

Sau khi tạo xong, bạn sẽ được chuyển đến trang [**Playground**](/docs/user-guides/agent/playground) - nơi thử nghiệm AI agent, bạn có thể trò chuyện với agent, tinh chỉnh và tối ưu trước khi triển khai.

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/LDCZRFL3-w3UQt0a/images/quick-start/playground-test.png?fit=max&auto=format&n=LDCZRFL3-w3UQt0a&q=85&s=a9a1ae1a4af1e2041bf7f2dca4fb1c1a" alt="Thử nghiệm trong Playground" width="2800" height="1800" data-path="images/quick-start/playground-test.png" />
</Frame>

### Tinh chỉnh cài đặt

<Steps>
  <Step title="Thử nghiệm với các model khác nhau">
    Hãy thử hỏi một câu hỏi cho các model khác nhau và so sánh:

    * Chất lượng và độ chính xác của câu trả lời
    * Thời gian và tốc độ trả lời
    * Tông giọng và tính cách
    * Cách xử lý các tình huống đặc biệt

    <Frame>
      <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/playground-models.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=8cf856bbef5463e93485b64edd8f9472" alt="Playground Models" width="2800" height="1800" data-path="images/quick-start/playground-models.png" />
    </Frame>
  </Step>

  <Step title="Quyết định model">
    Dựa trên các so sánh, hãy chọn model phù hợp nhất với trường hợp sử dụng và thương hiệu của bạn.
  </Step>

  <Step title="Prompt hướng dẫn">
    Định hình cách AI Agent nên hành xử và trả lời khách hàng. Các prompt hướng dẫn này sẽ định hình tính cách, tông giọng, và cách tiếp cận cuộc trò chuyện của agent.

    <Tip>
      Bạn có thể lấy cảm hứng từ các mẫu có sẵn cho các loại doanh nghiệp và tình huống khác nhau. Bạn có thể sửa trực tiếp trên mẫu có sẵn để tạo ra mẫu tùy chỉnh.

      <Frame>
        <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/playground-prompt.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=27a38312242260515013ec6defba7bf5" alt="Playground Prompt" width="2800" height="1800" data-path="images/quick-start/playground-prompt.png" />
      </Frame>
    </Tip>
  </Step>
</Steps>

**Cách viết hướng dẫn hiệu quả:**

* Định rõ tông giọng của agent (chuyên nghiệp, thân thiện, lịch sự thoải mái, etc.)
* Định rõ vai trò của agent (CSKH, sales, thu thập thông tin khách hàng, etc.)
* Xác định rõ ranh giới giữa những chủ đề được thảo luận hoặc không được
* Định rõ tiếng nói và tính cách thương hiệu của bạn
* Thêm vào những từ cụ thể agent nên sử dụng
* Xác định các ngôn ngữ agent nên sử dụng để trả lời (Mặc định là cùng ngôn ngữ với khách hàng)
* Thêm vào những hướng dẫn khác mà bạn muốn agent của bạn biết

<Info>
  Bạn cũng có thể chỉnh temperature của model ở trang AI Settings.
</Info>

## Bước 4: Triển khai lên website của bạn

Khi đã hài lòng với chất lượng câu trả lời, tới lúc để triển khai trực tiếp! Hãy truy cập vào trang "Triển Khai" trên sidebar, và bật công tắc trên thẻ "Chat Widget" để bật agent.

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/deploy-tab.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=52c371f3b45da7023dace052e36463d2" alt="Deploy Tab" width="2212" height="956" data-path="images/quick-start/deploy-tab.png" />
</Frame>

<Info>
  **Tắt với Hoạt động:** Các agent bị tắt chỉ có thể sử dụng trong nội bộ thành viên workspace. Các agent hoạt động có thể được nhúng trên website và có thể được truy cập bởi bất kì ai.
</Info>

<Note>
  Trong tương lai chúng tôi sẽ sớm ra mắt các nền tảng triển khai khác, bao gồm Email, Phone, Zalo, Facebook Messenger, Instagram, Shopify, và các nền tảng khác.

  <Frame>
    <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/deploy-tab-full.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=fff4f4d669d1893384dffe920598506d" alt="Deploy Tab Full" width="1400" height="900" data-path="images/quick-start/deploy-tab-full.png" />
  </Frame>
</Note>

Hãy bấm vào **Quản lý** trên thẻ **Chat Widget**, và chọn tab **Nhúng**.

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/chat-widget-embed.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=39a4f65c6aa2ea995606363521f9cbe4" alt="Chat Widget Embed" width="2800" height="1800" data-path="images/quick-start/chat-widget-embed.png" />
</Frame>

<Tabs>
  <Tab title="Chat Widget (Khuyên dùng)">
    **Phù hợp với đa số website**

    Thêm bong bóng chat nổi để khách hàng có thể nhấp vào để bắt đầu trò chuyện. Không gây gián đoạn và tương thích với mọi thiết bị.

    **Ưu điểm:**

    * Không ảnh hưởng tới thiết kế của website bạn
    * Khách hàng có thể thu nhỏ hoặc phóng to theo nhu cầu
    * Hoạt động tốt trên các thiết bị di động
    * UX pattern quen thuộc

    **Tốt nhất cho:** Website doanh nghiệp, blog, website thương mại điện tử
  </Tab>

  <Tab title="iFrame">
    **Dành cho phần chat cố định**

    Nhúng cả giao diện chat đầy đủ thẳng vào trang của bạn. Luôn luôn hiện diện và sẵn sàng để tương tác.

    **Ưu điểm:**

    * Luôn luôn hiện diện cho khách hàng
    * Nổi bật hơn bong bóng chat
    * Dành cho các trang hỗ trợ
    * Có thể tùy chỉnh chiều dài và rộng

    **Tốt nhất cho:** Các trang hỗ trợ, trung tâm hỗ trợ, phần chat cố định
  </Tab>
</Tabs>

### Lấy mã nhúng của bạn

Copy đoạn code Javascript được cung cấp, bạn có thể chọn lấy mã code trong 3 loại framework sau đây:

* HTML
* Next.js
* React

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/deploy-embed-code.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=f880130e39b729bd6f7353916c94ad60" alt="Deploy Embed Code" width="2800" height="1800" data-path="images/quick-start/deploy-embed-code.png" />
</Frame>

### Thêm đoạn code vào website của bạn

<Tabs>
  <Tab title="HTML">
    <Steps>
      <Step title="Tìm trang HTML của Website bạn">
        Tìm nơi bạn có thể thêm Javascript code vào website. Thường nằm ở phần `<head>` hoặc nằm trước thẻ đóng `</body>`.

        <Tip>
          **Để load nhanh hơn:** Đặt đoạn code vào ngay trước thẻ đóng `</body>` để đảm bảo nội dung website của bạn load trước, sau đó bong bóng chat sẽ xuất hiện.

          **Để sẵn sàng sử dụng ngay lập tức:** Đặt đoạn code trong phần `<head>` để load chat widget sớm nhất có thể, nhưng có thể khiến trang của bạn render lần đầu bị chậm hơn chút.
        </Tip>
      </Step>

      <Step title="Dán code vào">
        Sao chép và dán đoạn mã nhúng vào HTML của trang bạn. Nếu bạn sử dụng CMS như WordPress, thường sẽ có phần "Custom HTML" hoặc "Scripts".

        ```html theme={null}
        <!-- Paste before </body> -->
        <script>
        (function(){if(!window.agentbase||window.agentbase("getState")!=="initialized"){window.agentbase=(...args)=>{if(!window.agentbase.q){window.agentbase.q=[]}window.agentbase.q.push(args)};window.agentbase=new Proxy(window.agentbase,{get(t,p){if(p==="q")return t.q;return(...a)=>t(p,...a)}})}const onLoad=function(){const s=document.createElement("script");s.src="https://agentbase.vn/embed.min.js";s.id="YOUR_AGENT_ID";s.domain="agentbase.vn";document.body.appendChild(s)};if(document.readyState==="complete"){onLoad()}else{window.addEventListener("load",onLoad)}})();
        </script>
        ```
      </Step>

      <Step title="Lưu và Publish">
        Lưu thay đổi của bạn và publish cập nhật của website bạn.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Next.js">
    <Steps>
      <Step title="Tìm trang Layout của bạn">
        Trong Next.js, mở file layout gốc của bạn - thường là `app/layout.tsx` (App Router) hoặc `pages/_app.tsx` (Pages Router). Đây là nơi widget sẽ được load trên toàn bộ các trang.
      </Step>

      <Step title="Thêm đoạn script tag vào layout">
        Trong app/layout.tsx (App Router), thêm đoạn script tag vào phần thẻ \<body>, ngay dưới `{children}.`

        ```tsx theme={null}
        // app/layout.tsx
        export default function RootLayout({ children }: { children: React.ReactNode }) {
          return (
            <html>
              <body>
                {children}
                <script dangerouslySetInnerHTML={{ __html: `(function(){if(!window.agentbase||window.agentbase("getState")!=="initialized"){window.agentbase=(...args)=>{if(!window.agentbase.q){window.agentbase.q=[]}window.agentbase.q.push(args)};window.agentbase=new Proxy(window.agentbase,{get(t,p){if(p==="q")return t.q;return(...a)=>t(p,...a)}})}const onLoad=function(){const s=document.createElement("script");s.src="https://agentbase.vn/embed.min.js";s.id="YOUR_AGENT_ID";s.domain="agentbase.vn";document.body.appendChild(s)};if(document.readyState==="complete"){onLoad()}else{window.addEventListener("load",onLoad)}})();` }} />
              </body>
            </html>
          );
        }
        ```
      </Step>

      <Step title="Lưu và Deploy">
        Lưu file và deploy lại ứng dụng. Bong bon· sẽ xuất hiện trên tất cả các trang trong layout.
      </Step>
    </Steps>
  </Tab>

  <Tab title="React">
    <Steps>
      <Step title="Tạo component AgentbaseWidget">
        Tạo một component `AgentbaseWidget và dán đoạn code dành cho React vào.`

        ```tsx theme={null}
        // Thêm vào App.jsx hoặc một layout component
        import { useEffect } from 'react';
        export function AgentbaseWidget() {
          useEffect(() => {
            if (document.getElementById('agentbase-widget')) return;
            const s = document.createElement('script');
            s.id = 'agentbase-widget';
            s.innerHTML = `(function(){if(!window.agentbase||window.agentbase("getState")!=="initialized"){window.agentbase=(...args)=>{if(!window.agentbase.q){window.agentbase.q=[]}window.agentbase.q.push(args)};window.agentbase=new Proxy(window.agentbase,{get(t,p){if(p==="q")return t.q;return(...a)=>t(p,...a)}})}const onLoad=function(){const s=document.createElement("script");s.src="https://agentbase.vn/embed.min.js";s.id="YOUR_AGENT_ID";s.domain="agentbase.vn";document.body.appendChild(s)};if(document.readyState==="complete"){onLoad()}else{window.addEventListener("load",onLoad)}})();`;
            document.body.appendChild(s);
          }, []);
          return null;
        }
        ```
      </Step>

      <Step title="Thêm vào App.jsx">
        ```tsx theme={null}
        import { AgentbaseWidget } from './AgentbaseWidget';
        export default function App() {
          return (
            <>
              {/* ... nội dung ứng dụng */}
              <AgentbaseWidget />
            </>
          );
        }
        ```
      </Step>

      <Step title="Lưu và chạy lại ứng dụng">
        Lưu file và restart dev server hoặc deploy. Bong bóng chat sẽ xuất hiện trên toàn bộ ứng dụng.
      </Step>
    </Steps>
  </Tab>
</Tabs>

### Kiểm tra cài đặt

Truy cập website của bạn và tìm bong bóng chat. Bấm vào để kiểm tra tích hợp!

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/chat-widget-verify.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=94ac9785055eab53f9375f88b1e32581" alt="Chat Widget Verify" width="1400" height="900" data-path="images/quick-start/chat-widget-verify.png" />
</Frame>

<Check>
  **Thành công!** AI Agent của bạn đã hoạt động và sẵn sàng hỗ trợ khách hàng của bạn.
</Check>

### Tùy chỉnh giao diện (Không bắt buộc)

Nếu muốn giao diện tương xứng với thương hiệu của bạn.

<Frame>
  <img src="https://mintcdn.com/agentbase-6e6fb39b/youY4M9g6CggIPfQ/images/quick-start/chat-widget-appearance.png?fit=max&auto=format&n=youY4M9g6CggIPfQ&q=85&s=75369d7914eb239a3378f4ca4f68358b" alt="Chat Widget Appearance" width="1400" height="900" data-path="images/quick-start/chat-widget-appearance.png" />
</Frame>

<AccordionGroup>
  <Accordion title="Tùy chỉnh thương hiệu">
    * Upload icon bong bóng chat tùy thích
    * Đổi màu bong bóng để phù hợp với thương hiệu
    * Tùy chỉnh tin nhắn khởi đầu
    * Cài tin nhắn gợi ý khách hàng có thể bấm
  </Accordion>

  <Accordion title="Tùy chỉnh hành vi">
    * Tự động hiển thị bong bóng tin nhắn khởi đầu sau một khoảng thời gian
    * Thu thập nhận xét của khách hàng
  </Accordion>
</AccordionGroup>

## 🎉 Chúc mừng bạn!

Bạn đã thành công tạo, huấn luyện, kiểm tra, và triển khai AI Agent đầu tiên của bạn!

## Tiếp theo là gì?

<CardGroup cols={2}>
  <Card title="Theo dõi hiệu suất" icon="chart-line" href="/docs/docs/user-guides/agent/chat-logs">
    Theo dõi các cuộc trò chuyện và tối ưu hiệu suất của AI Agent.
  </Card>

  <Card title="Tính năng nâng cao" icon="wand-sparkles" href="/docs/docs/user-guides/agent/analytics">
    Thêm hành động như chuyển tiếp cho nhân viên, thu thập khách hàng tiềm năng, và nhiều nữa.
  </Card>

  <Card title="Tips để sử dụng hiệu quả" icon="lightbulb" href="/docs/user-guides/quick-start/best-practices">
    Học những tips và chiến lược giúp AI Agent của bạn hoạt động hiệu quả hơn.
  </Card>

  <Card title="Nguồn dữ liệu" icon="database" href="/docs/docs/user-guides/agent/data-sources">
    Tiếp tục thêm tài liệu, website, FAQ, và nội dung mới để agent ngày càng thông minh hơn.
  </Card>
</CardGroup>

<Info>
  Cần trợ giúp? Bạn có thể kiểm tra các câu hỏi thường xuyên trong trang [FAQ](/docs/frequently-asked-questions), hoặc liên hệ với chúng tôi qua trang [Contact](https://agentbase.vn/contact) để được hỗ trợ nhanh nhất.
</Info>