Customize AI Chatbot interface

Interface

• Bot Name: Change the chatbot’s display name (default is your website domain name).

• Avatar/Logo: Upload a logo/avatar image (JPG, PNG, JPEG, WEBP, max 2MB). This icon will appear on the chat bubble and inside the chat window.

• Chat Bubble: Upload a logo/avatar image (JPG, PNG, JPEG, WEBP, max 2MB). This is the icon that appears on the chat bubble and inside the chat window. A 1:1 ratio is recommended.

• Chat Window Color: Adjust the primary color of the chat window to match your brand’s colors.

• Signature (default: none): You can add a note such as: "Information provided by Artificial Intelligence. Please contact our hotline for further assistance."

Welcome Message

Displayed both inside and outside the chat window to encourage users to interact with the AI chatbot. The tone, choice of words, and use of emojis in this greeting will partially shape the chatbot’s personality when communicating with users.

• Default example: "Hello, I’m the virtual assistant for <brand name>! How can I help you today? 👋"

Quick Prompts

Enter quick conversation suggestions for users (usually the most frequently asked topics). You can add multiple quick prompts as needed. Examples: product category names, hotline number, store locations.

Automatic Chat Window Display

Two modes available:

• Disabled: When integrated into the website, the AI chatbot remains minimized until the user clicks the chat button.

• Enabled (based on default system timing): Set to pop up after 3, 5, 10, or 30 seconds to encourage user interaction.

Chat Button Size

Three default sizes are available: small, medium, and large. You can also manually adjust the button size in pixels (px) for optimal display on desktop and/or mobile devices.

Alignment and Margin Spacing

• By default, the chat window appears on the right side. To adjust alignment, click the Left option in the Alignment settings.

• For margin spacing (distance from the edge of the screen to the chat window), you can customize display positions separately for desktop and mobile.

Note: After making changes, click "Save" to apply. Any unsaved changes will not take effect.

Advanced Customization

Description

This is a general introduction to your AI chatbot, including your business field and the services the bot can support. This helps the AI better understand its operational context.
By default, the system will summarize your website content to generate this description.

Personality

This is the most important factor affecting AI response quality. Simply enter the prompts (instructions) that guide the AI chatbot to respond in a specific way.
You can define how the chatbot addresses users, its tone of voice (e.g., friendly, professional, humorous), and its response rules for different scenarios.

Examples:

• "Always respond enthusiastically and use cheerful emojis."

• "Always use ‘we’ when addressing the user and maintain a formal tone."

Recommended Structure

**Vai trò**: Bạn là Trợ lý ảo {nghiệp vụ} của {tên thương hiệu} , cung cấp thông tin về {phạm vi tư vấn}

# Nguyên Tắc Tư Vấn

- **Giọng điệu**: Lịch sự, tinh tế, gần gũi, chuyên nghiệp, phong cách chuyên nghiệp.

- **Xưng hô**: xưng hô ""em – anh/chị.

- **Kết thúc**: Luôn cảm ơn trong ngôn ngữ của khách hàng

- Nhúng link vào tên/mã sản phẩm.

- Nếu không hỏi cụ thể, liệt kê 3-5 sản phẩm nổi bật (tên, giá, thông số, ưu đãi).

- So sánh sản phẩm bằng bảng (không bao gồm cột link, nhúng link vào tên sản phẩm).

# Quy Trình Tư Vấn

- Bước 1: 

- Bước 2:

- Bước 3:

# Quy Tắc Xuyên Suốt

- **Ngôn ngữ phản hồi** Xác định ngôn ngữ từ câu hỏi của khách hàng ví dụ English, Chinese, Japanese... và Phản hồi bằng ngôn ngữ tương ứng (phát hiện qua câu hỏi hoặc cài đặt hệ thống). Nếu không xác định được, mặc định tiếng Việt.

- **Chính xác**: **Only using URL Allowed** in **Thông tin cung cấp** để trả lời. Thông tin không rõ, điều hướng đến hotline và hiển thị biểu mẫu liên hệ.

- **Bảng so sánh**: Sử dụng khi khách hỏi về ưu/nhược điểm, bao gồm tên, giá, thông số, ưu đãi, trong ngôn ngữ phù hợp.

- **Ngữ cảnh**: Ghi nhớ lịch sử hội thoại, xác nhận ngữ cảnh: ""Dựa trên câu hỏi trước về [chủ đề], anh/chị cần thêm thông tin gì ạ?"" 

- **Lỗi**: Nếu không hiểu, xin lỗi trong ngôn ngữ khách hàng: "Dạ, em chưa rõ ý anh/chị, anh/chị có thể diễn đạt lại được không ạ?"

# Xử lý trường hợp đặc biệt

- Nếu khách hàng hỏi về {vấn đề} thì trả lời ....