> For the complete documentation index, see [llms.txt](https://huongdan.aichatbot.com.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://huongdan.aichatbot.com.vn/aichatbot.com.vn/4.-quan-ly-ai/4.3.-xuat-ban/3.3.4.-xuat-ban-len-website.md).

# 3.3.4. Xuất bản lên Website

<figure><img src="/files/FjnIEfxSjcCGEbpBFgbM" alt=""><figcaption></figcaption></figure>

#### 🔹 Bước 1: Truy cập tab **Publish**

Sau khi tạo chatbot xong:

* Vào mục **Dashboard**
* Chọn chatbot bạn muốn cấu hình
* Chuyển sang tab **Publish**

***

#### 🔹 Bước 2: Tùy chỉnh giao diện chatbot

**📌 Button Appearance (Nút gọi chatbot):**

| Tùy chọn           | Ý nghĩa                                    |
| ------------------ | ------------------------------------------ |
| **Button Size**    | Kích thước nút mở chat (VD: 56px)          |
| **Right / Bottom** | Khoảng cách từ cạnh màn hình               |
| **Button Icon**    | Biểu tượng bóng chat hiễn thị trên website |

***

**📌 Chat Window (Cửa sổ hội thoại):**

| Trường                | Mô tả                                                    |
| --------------------- | -------------------------------------------------------- |
| **Title**             | Tiêu đề khung chat (VD: *MITIGA AI*)                     |
| **Avatar**            | Hình đại diện của chatbot                                |
| **Color**             | Màu sắc khung chat (thường theo màu thương hiệu)         |
| **Input Placeholder** | Gợi ý trong ô nhập liệu (VD: *Câu hỏi của bạn là gì?*)   |
| **Welcome Message**   | Lời chào khi chatbot mở ra (có thể dùng emoji 🎧, 🤖...) |
| **Powered by**        | Hiễn thị thương hiệu ở chân khung chat (VD: mitiga.vn)   |

***

**🧠 Starter Questions (Câu hỏi gợi ý ban đầu)**

Nhấn vào nút **Starter questions** để cấu hình các câu hỏi mẫu hiển thị khi người dùng mở chatbot.

Ví dụ:

* AI chatbot là gì?
* Quy trình triển khai AI chatbot?
* Tại sao doanh nghiệp nên dùng chatbot?

***

#### 🔹 Bước 3: Xem trước và nhúng chatbot

**✅ Preview:**

Nhấn nút **Preview** để xem trước chatbot hoạt động như thế nào.

**🧩 Get Embed Code:**

1. Nhấn **Get Embed Code**
2. Hệ thống sẽ tạo đoạn mã

```html
```

3. **Chèn đoạn mã này vào HTML website** của bạn, trước thẻ `</body>`

> ⚠️ Website cần cho phép chèn JavaScript từ bên ngoài.

***

#### 🔒 Bước 4: Nhấn “Save” để lưu cấu hình

Sau khi hoàn tất, bấm **Save** để xuất bản chatbot lên hệ thống.

***

### ✅ Mẹo cấu hình chuyên nghiệp

| Tính năng             | Mẹo sử dụng                                       |
| --------------------- | ------------------------------------------------- |
| **Welcome Message**   | Nên có tên chatbot và câu hỏi mở gợi ý người dùng |
| **Starter Questions** | Giúp tăng tương tác, nhất là với khách lần đầu    |
| **Avatar & Màu sắc**  | Theo nhận diện thương hiệu để tăng độ tin cậy     |

***

📩 Cần hỗ trợ tích hợp vào website WordPress, React, hoặc nền tảng khác?\
Zalo: 0983082334