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

🚀 HƯỚNG DẪN XUẤT BẢN CHATBOT TRÊN WEBSITE

🔹 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ã

1. 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: [phone]