# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://huongdan.aichatbot.com.vn/aichatbot.com.vn/4.-quan-ly-ai/4.3.-xuat-ban/3.3.4.-xuat-ban-len-website.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.