Tùy chỉnh giao diện Chatbot
Vielora cung cấp bộ công cụ tùy chỉnh giao diện toàn diện, cho phép bạn điều chỉnh mọi khía cạnh hiển thị của chatbot để phù hợp với nhận diện thương hiệu (brand identity) của doanh nghiệp.
Truy cập cài đặt giao diện
Từ Bảng điều khiển, chọn chatbot muốn tùy chỉnh, sau đó điều hướng đến tab Cài đặt hoặc Tùy chỉnh giao diện.
Thông tin nhận diện Bot
Tên Chatbot
Đặt tên hiển thị cho chatbot trong cửa sổ hội thoại. Tên này xuất hiện ở phần tiêu đề của widget và trong lời chào đầu tiên.
Ví dụ: Trợ lý CSKH, Aria - Hỗ trợ kỹ thuật, Bot tư vấn sản phẩm.
Ảnh đại diện (Avatar)
Tải lên ảnh đại diện cho chatbot. Ảnh này được hiển thị bên cạnh mỗi tin nhắn của bot trong cuộc hội thoại.
Yêu cầu kỹ thuật:
Định dạng: PNG, JPG, hoặc SVG.
Kích thước khuyến nghị: tối thiểu 64x64 px, tỷ lệ 1:1.
Kích thước tệp tối đa: 2 MB.
Hướng dẫn thêm: Nên sử dụng logo thu nhỏ hoặc một biểu tượng thương hiệu quen thuộc làm ảnh đại diện để khách hàng dễ nhận ra nguồn gốc chatbot.
Màu sắc thương hiệu
Màu này được áp dụng cho thanh tiêu đề của widget, nút mở/đóng cửa sổ chat, và các yếu tố giao diện chính. Sử dụng bảng chọn màu trực quan.
Vị trí hiển thị Widget
Chọn vị trí mà nút mở chatbot sẽ xuất hiện trên trang web của bạn:
Góc dưới bên phải (Bottom Right): Vị trí mặc định và phổ biến nhất, quen thuộc với người dùng.
Góc dưới bên trái (Bottom Left): Phù hợp cho các website có bố cục sidebar hoặc CTA quan trọng ở bên phải.
Lời chào mở đầu (Welcome Message)
Cấu hình tin nhắn đầu tiên mà chatbot tự động gửi khi người dùng mở cửa sổ hội thoại. Một lời chào mở đầu hiệu quả nên:
Xác định rõ mục đích của chatbot (ví dụ: hỗ trợ kỹ thuật, tư vấn sản phẩm, giải đáp câu hỏi).
Mời người dùng đặt câu hỏi một cách tự nhiên.
Giữ ngắn gọn — không quá 2–3 câu.
Ví dụ: Xin chào! Tôi là trợ lý ảo của Công ty ABC. Tôi có thể giúp bạn giải đáp thắc mắc về sản phẩm và dịch vụ. Hãy đặt câu hỏi để bắt đầu.
Lưu và áp dụng thay đổi
Sau khi hoàn tất các tùy chỉnh, nhấn Lưu thay đổi. Giao diện mới sẽ được áp dụng ngay lập tức trên widget đang hoạt động của bạn mà không cần cập nhật mã nhúng.
Bước tiếp theo
Kiểm thử Chatbot để xác nhận giao diện và câu trả lời trước khi triển khai.
Hướng dẫn nhúng mã Script để tích hợp chatbot lên website.
Last updated