> ## 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 Haravan

> Thêm Chatbot Agent-X vào website Haravan

### **Bước 1:** Lấy mã code Agent-X

Trong trang quản trị Agent-X. Chọn Agent cần thêm vào website. Sau đó lấy mã code ở giao diện **Tích hợp**

<img src="https://mintcdn.com/agent-x/cEjo8yKsQO_mesm1/images/haravan2.png?fit=max&auto=format&n=cEjo8yKsQO_mesm1&q=85&s=3b059cc13e78b3e9da1ddb8eb3ca8150" alt="Haravan2 Pn" width="1917" height="860" data-path="images/haravan2.png" />

Copy mã code

<img src="https://mintcdn.com/agent-x/cEjo8yKsQO_mesm1/images/haravan3.png?fit=max&auto=format&n=cEjo8yKsQO_mesm1&q=85&s=f6ed0b76cf772b1dba8526dfbee53dee" alt="Haravan3 Pn" title="Haravan3 Pn" style={{ width:"48%" }} width="557" height="862" data-path="images/haravan3.png" />

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

Trong trang quản trị Haravan, truy cập vào \*\*Website -> Giao diện -> Chỉnh sửa code \*\*

<img src="https://mintcdn.com/agent-x/cEjo8yKsQO_mesm1/images/haravan1.png?fit=max&auto=format&n=cEjo8yKsQO_mesm1&q=85&s=e93bc7cc815faf30c15b7d2cc6f5a114" alt="Haravan1 Pn" width="1917" height="862" data-path="images/haravan1.png" />

Trong giao diện chỉnh sửa code chọn **theme.liquid** và thêm đoạn code đã sao chép vào phía trước thẻ ****\</head> vàLưu****

<img src="https://mintcdn.com/agent-x/cEjo8yKsQO_mesm1/images/haravan4.png?fit=max&auto=format&n=cEjo8yKsQO_mesm1&q=85&s=55ebed230eb26877c54d1d7cb7188494" alt="Haravan4 Pn" width="1917" height="862" data-path="images/haravan4.png" />

### **Bước 3:** Kiểm tra kết quả trên website

<img src="https://mintcdn.com/agent-x/cEjo8yKsQO_mesm1/images/haravan5.png?fit=max&auto=format&n=cEjo8yKsQO_mesm1&q=85&s=dc8b6597566da4872dc845501a775785" alt="Haravan5 Pn" width="1893" height="811" data-path="images/haravan5.png" />