Thiết lập chung của giao diện (tab Tổng quan)

Thanh điều hướng, màu sắc, hình dạng nút, font chữ, hiệu ứng, luồng kích hoạt tài khoản và thẻ thành viên.

Cập nhật 20/10/2026

Truy cập

Tại menu bên trái, chọn Kênh bán › Giao diện cửa hàng › Chỉnh sửa › Tổng quan.

Tab Tổng quan trong trình thiết kế chứa các thiết lập áp dụng cho toàn bộ giao diện, gồm 7 mục.

Thanh điều hướng

Thanh điều hướng

  1. Danh sách mục thiết lập chung ở bên trái.

  2. Kiểu thanh: *Mặc định* hoặc *Nổi bật*.

  3. Hiển thị tiêu đề (tên tab dưới biểu tượng) và Ẩn menu khi cuộn.

  4. Màu nền, Màu khi đang chọn, Màu khi chưa chọn của thanh điều hướng.

  5. Danh sách menu: các tab ở thanh dưới cùng (Trang chủ, Ưu đãi/Voucher, Quét QR, Affiliate, Tài khoản...). Kéo để đổi thứ tự, mở mũi tên để đổi tên/biểu tượng/liên kết, thùng rác để xóa.

Màu sắc

Màu sắc

  1. Màu chính của giao diện.

  2. Màu thanh đầu trang.

  3. Màu chữ thanh đầu trang.

  4. Màu chữ mặc định.

  5. Màu nền mặc định của các trang.

Mỗi màu có mã HEX, độ trong suốt (%) và ô chọn màu.

Hình dạng nút

Hình dạng nút

  1. Màu chữ và màu nền của nút mặc định.

  2. Kích thước chữ nút và độ đậm chữ.

  3. Phong cách chữ.

  4. Lề trong (trái/phải, trên/dưới) và Căn lề.

  5. Khung viền (độ dày, màu).

  6. Bo góc của nút.

Bố cục tổng thể

Bố cục tổng thể

  1. Font family: chọn phông chữ cho toàn bộ giao diện (ví dụ Roboto).

  2. Tên đơn vị thưởng: tên gọi điểm thưởng hiển thị cho khách (ví dụ *điểm*).

Hiệu ứng

Hiệu ứng trang

  1. Bật Hiệu ứng trang chủ để dùng hiệu ứng trang trí cho trang chủ (mặc định tắt).

Kích hoạt tài khoản

Kích hoạt tài khoản

  1. Chọn Chế độ kích hoạt: *Đơn giản* (SĐT + OTP / Zalo + Follow OA) hoặc *Chi tiết* (xác thực + điền form + Follow OA).

  2. Chọn nền tảng cần cấu hình: Zalo Mini App hoặc WebApp.

  3. Xem các bước của luồng: ví dụ *Cấp quyền Zalo* (tên + SĐT tự động), *Follow OA* (không bắt buộc), *Kích hoạt thành công*.

Thẻ thành viên

Thẻ thành viên

  1. Chọn Mã hiển thị trên thẻ (ví dụ *Mã thành viên*): áp dụng cho số hiển thị, barcode và QR code khách đưa thu ngân quét.

Thư viện mẫu

Thư viện mẫu theo ngành

  1. Tab Thư viện liệt kê các mẫu giao diện theo ngành (Bán lẻ, Du lịch, F&B, Mẹ & Bé...). Chọn một mẫu để xem hoặc áp dụng bố cục.

Lưu ý

  • Nhớ nhấn Cập nhật để lưu các thay đổi chung.