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

# Tích hợp website

Để tích hợp AI Agent trên cửa sổ livechat của website, bạn thực hiện các bước sau:

***

## Các bước cấu hình

**Bước 1:** Truy cập AI Agent và chọn mục **Kênh triển khai** → Chọn **Website** tại mục Chưa cấu hình.

<img src="https://mintcdn.com/fpt-62e894b4/7T4FW741X-9kUGi_/images/image1.png?fit=max&auto=format&n=7T4FW741X-9kUGi_&q=85&s=97830fb481e2344d80b1466257f18aed" alt="Website 1" title="Website 1" lightAlt="Website 1" darkAlt="Website 1" className="dark:hidden" width="1911" height="474" data-path="images/image1.png" />

<img src="https://mintcdn.com/fpt-62e894b4/W-JgrbCTm5fqQXZ0/images/website-1.png?fit=max&auto=format&n=W-JgrbCTm5fqQXZ0&q=85&s=9056a51326366057e5f06802072eaad5" alt="Website 1" title="Website 1" lightAlt="Website 1" darkAlt="Website 1" className="hidden dark:block" width="624" height="155" data-path="images/website-1.png" />

**Bước 2:** Tại tab **Cấu hình**, bạn thực hiện cấu hình whitelist domains.

* Ví dụ website của bạn có đường dẫn là `https://abc.com`, nhập đường dẫn này vào trường **Danh sách miền cho phép** và nhấn **Lưu cấu hình**.

<img src="https://mintcdn.com/fpt-62e894b4/xmxHiK7R0__sVlfD/images/image2.png?fit=max&auto=format&n=xmxHiK7R0__sVlfD&q=85&s=74dbaaac0ecc12a2c41913bad9de664b" alt="Website2" title="Website2" lightAlt="Website2" darkAlt="Website2" className="dark:hidden" width="548" height="941" data-path="images/image2.png" />

<img src="https://mintcdn.com/fpt-62e894b4/W-JgrbCTm5fqQXZ0/images/website2.png?fit=max&auto=format&n=W-JgrbCTm5fqQXZ0&q=85&s=de70b0963bbe84baea40487363af5ba5" alt="Website2" title="Website2" lightAlt="Website2" darkAlt="Website2" className="hidden dark:block" width="228" height="392" data-path="images/website2.png" />

**Bước 3:** Sau khi lưu cấu hình, hệ thống tải mã code để nhúng vào website.

* Sao chép đoạn mã nhúng và đưa vào mã nguồn của website.
* Dán vào trang HTML trong thẻ `<body>`.

<img src="https://mintcdn.com/fpt-62e894b4/ic43-Ncopb1scdMt/images/image3.png?fit=max&auto=format&n=ic43-Ncopb1scdMt&q=85&s=3a77cbf9c52a508f72922c3d5d8ad117" alt="Image3" width="545" height="936" data-path="images/image3.png" />

***

## Gỡ cấu hình

Bạn có thể gỡ cấu hình bằng cách nhấn nút **Gỡ cấu hình**.

<Warning>
  Khi đã gỡ cấu hình, người dùng cuối không thể sử dụng Agent được nhúng trên website cũng như không thể sử dụng URL để tương tác nữa.
</Warning>

***

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

Tại tab **Tùy chỉnh giao diện**, bạn có thể tùy chỉnh giao diện live chat theo nhu cầu. Thực hiện cấu hình và xem trước tại tab này. Sau khi nhấn **Lưu cấu hình**, Live chat sẽ được áp dụng giao diện mới.

<img src="https://mintcdn.com/fpt-62e894b4/fpQ6fmPzUM7XLn6i/images/image4-1.png?fit=max&auto=format&n=fpQ6fmPzUM7XLn6i&q=85&s=dc67076ae07de66bada360fc6709aa52" alt="Image4 1" width="959" height="935" data-path="images/image4-1.png" />
