Giao diện, banner & popup Mini App

Đây là nơi quyết định "bộ mặt" Mini App trước khách: màu sắc & phong cách (menu Giao diện) và banner/popup (menu Cửa hàng).

1. Giao diện — màu chủ đạo & phong cách

Vào menu Giao diện ("Tùy Chỉnh Giao Diện Mini App").

Màu chủ đạo

Áp dụng cho nút bấm, liên kết, biểu tượng và các thành phần tương tác. Có sẵn các màu: Xanh dương, Tím, Hồng, Đỏ, Cam, Vàng, Xanh lá, Xanh ngọc, Xám, Đen — hoặc nhập mã màu tùy chỉnh.

Phong cách giao diện (chọn 1 trong 3)

Phong cách	Đặc điểm
Classic	Thân thiện, ấm áp, dựa trên thẻ card bo tròn, có đổ bóng.
Minimalist	Tối giản, tập trung nội dung, nhiều khoảng trắng, viền mảnh.
Modern	Nền tối, táo bạo, hiệu ứng kính mờ, nút gradient.

Khi có thay đổi, nút Lưu Thay Đổi xuất hiện.

Lưu ý: Sau khi lưu, thay đổi áp dụng trong 1–2 phút; khách cần đóng và mở lại Mini App để thấy giao diện mới. Màu chủ đạo áp dụng cho cả 3 phong cách.

2. Cửa hàng — Logo, Banner & Popup

Vào menu Cửa hàng ("Quản Lý Nội Dung Mini App") gồm 3 tab: Thông Tin Cửa Hàng, Banners, Popups.

Tab Thông Tin Cửa Hàng

Cập nhật Tên doanh nghiệp, Email, Số điện thoại, Mã số thuế, Mô tả, và Logo cửa hàng (PNG/JPG ≤ 5MB). (Nếu chưa bật Chi nhánh, tại đây còn có mục Địa chỉ cơ sở để thêm các cơ sở.)

Tab Banners

Nhấn Thêm Banner:

• Tiêu đề (bắt buộc).
• Link URL (tùy chọn) — nơi mở khi khách bấm banner.
• Hình ảnh Banner (bắt buộc, ≤ 5MB).
• Tích Hiển thị banner trên mini app.

Mỗi banner hiển thị trạng thái Đang hiển thị / Đã ẩn, có thể Chỉnh sửa/Xóa.

Tab Popups

Nhấn Tạo Popup:

• Tiêu đề (để quản lý nội bộ, không hiển thị cho khách).
• Loại Popup: Thông báo, Khuyến mãi, hoặc Mini Game (bấm ảnh sẽ đưa khách tới mini game — cần chọn game campaign đang hoạt động).
• Hình ảnh Popup (bắt buộc; JPG/PNG/GIF/WEBP ≤ 5MB).
• Cấu hình hiển thị:
  • Tần suất: Mỗi phiên 1 lần / Mỗi ngày 1 lần / Mỗi lần mở app / 1 lần duy nhất.
  • Thứ tự ưu tiên (số nhỏ hiển thị trước).
  • Bắt đầu / Kết thúc (trống = hiển thị luôn / không hết hạn).
• Công tắc Kích hoạt popup.

Mẹo: Dùng popup loại Mini Game trỏ tới vòng quay/trò chơi để tăng tương tác ngay khi khách mở app.

Mẹo & Best Practices

1. Logo nên là hình vuông — Tránh bị cắt hoặc méo trên Mini App
2. Banner nên có tỷ lệ 16:9 — Hiển thị đẹp trên mọi thiết bị
3. Popup không nên quá频繁 — Khách sẽ khó chịu nếu popup hiện mỗi lần mở app
4. Dùng popup loại Mini Game — Tăng tương tác ngay khi khách mở app
5. Kiểm tra popup trên Mini App — Sau khi tạo, mở Mini App để xem popup hiển thị đúng không

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

Q: Thay đổi giao diện có mất dữ liệu không? A: Không, thay đổi giao diện chỉ ảnh hưởng đến hiển thị, không ảnh hưởng đến dữ liệu.

Q: Banner có thể liên kết đến đâu? A: Đến sản phẩm, danh mục trong Mini App, hoặc link ngoài (website, Zalo OA...).

Q: Popup có giới hạn số lượng không? A: Không, bạn có thể tạo nhiều popup. Hệ thống hiển thị theo thứ tự ưu tiên và tần suất đã cấu hình.

Q: Tôi muốn xóa banner/popup? A: Nhấn nút "Xóa" trên banner/popup cần xóa. Thao tác không thể hoàn tác.

Bước tiếp theo

Xem thêm phần thiết lập tổng quát ở Thiết lập cửa hàng & cấu hình hệ thống.