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

# Website

> Tích hợp với Website

## Tích Hợp AI Agent vào Website

Agent-X hỗ trợ nhúng chatbot trực tiếp vào website của bạn chỉ với vài bước đơn giản.

***

### **Bước 1:** Các bước thực hiện:

* Vào tab `Tích hợp`
* Trong phần `Kết nối`, chọn mục **Website** và bấm **Lấy mã**

  <img src="https://mintcdn.com/agent-x/yKUmA-jwcRKUUaSc/images/tichhop_website1.png?fit=max&auto=format&n=yKUmA-jwcRKUUaSc&q=85&s=a82f6f4297da7a770d258c29a66a6a15" alt="Tichhop Website1" title="Tichhop Website1" style={{ width:"56%" }} width="852" height="743" data-path="images/tichhop_website1.png" />

***

### **Bước 2:** Tuỳ chỉnh giao diện

Sau khi chọn `Lấy mã`, bạn sẽ thấy bảng cấu hình với các tuỳ chọn sau:

<img src="https://mintcdn.com/agent-x/yKUmA-jwcRKUUaSc/images/tichhop_website2.png?fit=max&auto=format&n=yKUmA-jwcRKUUaSc&q=85&s=180813e81f5b9680f07b622f2d2f7372" alt="Tichhop Website2" title="Tichhop Website2" style={{ width:"36%" }} width="547" height="901" data-path="images/tichhop_website2.png" />

* **Vị trí:**
  * Chọn vị trí hiển thị widget trên website: `Dưới phải`, `Dưới trái`
* **Màu thương hiệu:**
  * Nhập mã màu (VD: `#007bff`) để chatbot đồng bộ với màu thương hiệu
* **Tự động mở chatbot khi truy cập**:
  * Bật để tự động mở cửa sổ chat khi người dùng truy cập vào Website
* **Ẩn trên các thiết bị di động**:
  * Bật để ẩn chatbot trên thiết bị di động nếu không muốn hiển thị

### **Bước 3:** Nhúng mã vào website

<img src="https://mintcdn.com/agent-x/yKUmA-jwcRKUUaSc/images/tichhop_website4.png?fit=max&auto=format&n=yKUmA-jwcRKUUaSc&q=85&s=24c3143344e054222ec41dccee21b3a5" alt="Tichhop Website4" title="Tichhop Website4" style={{ width:"39%" }} width="541" height="896" data-path="images/tichhop_website4.png" />

Nhập URL các website sẽ tích hợp Agent và bấm **Thêm**

***

### **Bước 4:** Nhúng mã vào website

<img src="https://mintcdn.com/agent-x/yKUmA-jwcRKUUaSc/images/tichhop_website3.png?fit=max&auto=format&n=yKUmA-jwcRKUUaSc&q=85&s=4c325846f7e3100554cf4c3915a66b85" alt="Tichhop Website3" title="Tichhop Website3" style={{ width:"37%" }} width="538" height="725" data-path="images/tichhop_website3.png" />

* Sau khi tùy chỉnh xong, chuyển qua tab 'Lấy mã', nhấn nút **Sao chép mã**
* Hệ thống sẽ sao chép đoạn mã nhúng
* Dán đoạn mã này vào phần thẻ `<body>` của trang web của bạn
