Thiết kế và giao diện trợ lý Shopify

MỤC LỤC

Cấu hình thiết kế trợ lý

Tab Thiết kế Chat cho phép bạn tùy chỉnh hoàn toàn giao diện trực quan của tiện ích chat để đảm bảo nó tích hợp liền mạch với thương hiệu của cửa hàng bạn.

Nhận diện và Định vị Cơ bản

Danh tính: Bạn có thể xác định “Tên trợ lý” (ví dụ: “Trợ lý AI”) xuất hiện trong tiêu đề và tùy chọn cung cấp “URL ảnh đại diện trợ lý” để hiển thị logo hoặc hình ảnh tùy chỉnh bên cạnh tên.

Định vị: Sử dụng menu thả xuống “Vị trí trên màn hình” để chọn nơi tiện ích neo trên cửa hàng của bạn (thường là Dưới cùng bên phải).

Bố cục và Kích thước

Bạn có quyền kiểm soát chính xác kích thước và hình dạng vật lý của giao diện trò chuyện bằng đơn vị pixel (px), chiều cao khung nhìn (vh) hoặc rem:

Điều chỉnh “Chiều rộng chat” tổng thể (ví dụ: 400px) và “Chiều cao tối đa chat” (ví dụ: 50vh).

Tinh chỉnh khoảng cách với “Đệm tin nhắn” và điều chỉnh độ cong của giao diện bằng các điều khiển bán kính như “Bán kính khung chứa tin nhắn” (18px) và “Bán kính cửa sổ trò chuyện” (12px).

Kiểm soát kích thước kiểu chữ với các cài đặt cho “Cỡ chữ trò chuyện,” “Cỡ chữ tiêu đề trò chuyện,” và “Cỡ biểu tượng tiêu đề trò chuyện”.

Chủ đề màu sắc

Giao diện cung cấp các công cụ chọn mã hex mở rộng để sửa đổi từng phần tử của cửa sổ trò chuyện.

Nền: Tùy chỉnh “Nền trò chuyện” chính (#FFFFFF), “Nền tin nhắn khách hàng,” và “Nền tin nhắn trợ lý” (#000000). Bạn cũng có thể tô màu các phần cụ thể như “Nền vùng văn bản chào mừng” hoặc “Màu nền FAQ” (#F9FAFB).

Đường viền: Xác định các đường viền tinh tế cho trường tin nhắn, hộp FAQ và liên kết để tạo vẻ ngoài gắn kết.

Các câu hỏi thường gặp

Tab FAQ cho phép bạn tạo các câu hỏi soạn sẵn xuất hiện trước khi người dùng nhập tin nhắn đầu tiên. Điều này giúp giải quyết các thắc mắc phổ biến ngay lập tức mà không cần AI tạo.

Nhấp vào “+ Thêm FAQ” để tạo mục mới.

Đối với mỗi mục, nhập “Câu hỏi” chung (ví dụ: “Bạn có thể gửi sản phẩm đến Hoa Kỳ không?”) và định dạng “Câu trả lời” tĩnh bằng trình soạn thảo văn bản phong phú (in đậm, in nghiêng, gạch chân, gạch ngang).

Bạn có thể kéo và thả để sắp xếp lại thứ tự các câu hỏi hoặc sử dụng biểu tượng bút chì và thùng rác để chỉnh sửa hoặc xóa chúng.

Liên kết nhanh

Tab Liên kết cho phép bạn thêm các nút điều hướng trực tiếp vào cuối màn hình chào mừng của chat. Điều này lý tưởng để hướng người dùng đến các kênh hỗ trợ thay thế hoặc các trang cửa hàng quan trọng.

Bố cục lưới: Đầu tiên, xác định cách các liên kết được hiển thị bằng cách chọn số lượng “Cột lưới” (ví dụ: đặt thành 3 sẽ hiển thị chúng theo hàng ngang).

Thêm liên kết: Nhấp vào “+ Thêm liên kết” để tạo nút mới. Cung cấp “Tiêu đề liên kết” (như “WhatsApp” hoặc “Mail”) và nhập chính xác “URL liên kết” (sử dụng các định dạng tiêu chuẩn như mailto: cho email hoặc số điện thoại trực tiếp).

Biểu tượng: Bạn có thể chọn từ thư viện biểu tượng vector có sẵn (như phong bì, điện thoại, quả địa cầu hoặc lịch) để thể hiện liên kết một cách trực quan. Ngoài ra, bạn có thể sử dụng nút “Chọn tệp” trong “Hình ảnh tùy chỉnh” để tải lên biểu tượng của riêng bạn.

Sẵn sàng bán nhiều hơn trên Shopify?

Cài đặt Liliwi trên cửa hàng Shopify của bạn và nhận thiết lập miễn phí từ đội ngũ của chúng tôi. 

Sử dụng toàn bộ dịch vụ với giá chỉ từ $1.