Tab Giao diện

Thư viện giao diện, tạo giao diện mới từ mẫu và làm quen với trình thiết kế (danh sách thẻ, xem trước, lưu).

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 › Giao diện Mobile › Giao diện.

Tab Giao diện quản lý các phiên bản giao diện bán hàng của cửa hàng (Zalo Mini App và Web App). Mỗi phiên bản là một bộ trang hoàn chỉnh; cửa hàng chỉ chạy một phiên bản tại một thời điểm.

Thư viện giao diện

Thư viện giao diện

  1. Thêm giao diện: tạo phiên bản mới từ mẫu có sẵn hoặc từ mẫu trống.

  2. Công tắc ở cột Trạng thái cho biết phiên bản đang áp dụng cho cửa hàng. Chỉ một phiên bản được bật; phiên bản đang bật không thể xóa.

  3. Chỉnh sửa: mở trình thiết kế để sửa phiên bản.

  4. Xem trước: xem phiên bản đó trước khi áp dụng.

  5. Sao chép: nhân bản thành phiên bản mới để thử nghiệm mà không ảnh hưởng bản đang chạy.

  6. Xóa: xóa phiên bản không còn dùng.

Phía trên bảng là phiên bản đang chạy với tên phiên bản, lần sửa gần nhất, nút Xem trước, Chỉnh sửa, Link webapp, Link mini app và mã QR Code (tải xuống cho Webapp/Mini App).

Thêm giao diện từ mẫu

Chọn mẫu giao diện

  1. Chọn ngành ở thanh trên cùng: Bán lẻ – Thương mại điện tử, Du lịch – Trải nghiệm, F&B bán sản phẩm, FMCG, Giáo dục – Đào tạo, Mẹ & Bé, Mỹ phẩm – Làm đẹp, Spa – Salon, Sửa chữa – Bảo dưỡng, Thời trang – Phụ kiện, Y tế – Phòng khám – Nhà thuốc, Điện tử – Gia dụng.

  2. Mẫu trống: bắt đầu từ trang chỉ có phần đầu trang để tự thiết kế.

  3. Hoặc chọn một mẫu dựng sẵn của ngành; hệ thống tạo phiên bản mới từ mẫu đó và mở ngay trình thiết kế.

  4. Đóng để thoát mà không tạo.

Làm quen với trình thiết kế

Trình thiết kế giao diện

  1. Tên phiên bản (nhấn biểu tượng bút chì để đổi tên) và mũi tên quay lại thư viện.

  2. Xem demo: xem giao diện như khách hàng thấy.

  3. Cập nhật: lưu thay đổi (nút chuyển thành *Đang lưu...* rồi hoàn tất).

  4. Ba tab bên trái: Trang (từng trang của giao diện), Tổng quan (thiết lập chung) và Thư viện (mẫu theo ngành).

  5. Danh sách trang: Trang chủ, Trang danh mục sản phẩm, Trang chi tiết sản phẩm vật lý, Thanh toán, Tài khoản (và trang Affiliate nếu đã cài ứng dụng).

  6. Danh sách thẻ: các khối nội dung của trang đang chọn, từ trên xuống dưới.

  7. Thêm nội dung mới: mở danh sách phần tử để thêm thẻ vào trang.

  8. Màn hình xem trước dạng điện thoại: hiển thị trực tiếp thay đổi; nhấn một thẻ trên màn hình cũng chọn thẻ đó.

  9. Thanh công cụ: hoàn tác, làm lại, thu nhỏ/phóng to (Ctrl + cuộn chuột), vừa màn hình, đặt lại 100%, căn giữa.

  10. Bảng thuộc tính ở bên phải: cài đặt chi tiết của thẻ hoặc mục đang chọn.

Thao tác với từng thẻ

Các nút trên thẻ

  1. Kéo biểu tượng ⋮⋮ để đổi thứ tự thẻ.

  2. Đổi tên thẻ (chỉ để dễ quản lý, không hiển thị cho khách).

  3. Nhân bản thẻ.

  4. Ẩn/hiện thẻ trên màn hình xem trước và trên cửa hàng.

  5. Xóa thẻ khỏi trang.

  6. Nhấn vào tên thẻ để mở bảng thuộc tính của thẻ đó.

Thẻ Đầu trang cố định ở trên cùng: chỉ có thể đổi tên, ẩn/hiện và cấu hình, không kéo hay xóa.

Lưu ý

  • Nên Sao chép phiên bản đang chạy, chỉnh trên bản sao rồi mới bật áp dụng.

  • Rời trang khi chưa nhấn Cập nhật, trình duyệt sẽ cảnh báo thay đổi chưa lưu.

  • Các trang Trang đơn Mobile và Biểu mẫu nằm ở hai mục riêng, xem bài *Tab Trang đơn* và *Tab Biểu mẫu*.