Explore Screen

Tài liệu hướng dẫn thiết lập cấu hình custom UI cho màn khánh phá của mini app Pango Gift trên module Activation (ACT) của PangoCDP

Giới thiệu

Tài liệu này hướng dẫn chi tiết cách thiết lập Custom UI cho màn hình Explore Screen trong mini app Pango Gift. Với tính năng này, người dùng có thể dễ dàng định cấu hình giao diện khám phá, đảm bảo tính thẩm mỹ và trải nghiệm mượt mà trên mọi thiết bị.

Các bước thao tác

• Vào Module Activation

• Chọn Master Data / Brand

• Chọn Brand cần Custom UI Pango Gift

• Chọn Setting / Custom UI Pango Gift

• Thiết lập điều chỉnh Custom Ui tại Explore Screen

Trường thông tin	Mô tả
Title	Tiêu đề
Banner	Hình ảnh của Pango Gift
Hide Banner	Ẩn / Hiện hình ảnh banner
Add-ons	Chọn loại hiển thị các Icons. Có 2 loại: Icon View: dạng list button hình ảnh kèm link List View: dạng hiển thị banner ngang hình ảnh kèm link
Buttons	Thêm các bút vào màn hình Explore

Create Banner

Người dùng có thể tiến hành cấu hình các thông tin liên quan đến banner hiển thị trên màn hình Explore, bao gồm việc thiết lập các thông tin liên quan, hình ảnh và liên kết chuyển hướng khi người dùng nhấn vào banner.

Các loại banner

Trường thông tin	Mô tả
Code	Mã code banner được hệ thống tự động tạo
Image	Hình ảnh banner
Type Banner	Loại link điều hướng khi nhấn vào banner. Có 3 loại: Link: dẫn đến liên kết điều hướng khi người dùng nhấn vào banner ZMA: dẫn đến ZMA khi người dùng nhấn vào banner Component System: dẫn đến component system khi người dùng nhấn vào banner
Link	Liên kết chuyển hướng khi người dùng nhấn vào banner
Type ZMA	Loại Zalo Mini App
Extend Params	Tham số mở rộng được sử dụng để nối vào liên kết truy cập Zalo Mini App.
Component System	Liên kết trỏ đến component system
Position	Vị trí xuất hiện của banner
Is Active	Bật/tắt trạng thái của banner

Create Button

Người dùng có thể cấu hình các thuộc tính liên quan đến các banner dạng nút, bao gồm hành vi khi nhấn (onClick action) và các thông tin liên quan cần truyền đi khi nút được kích hoạt.

Các loại button

Trường thông tin	Mô tả
Code	Mã code button được hệ thống tự động tạo
Icon	Chọn icon hiển thị
Text	Chọn văn bản hiển thị cho icon
Type Button	Loại link điều hướng khi nhấn vào button. Có 3 loại: Link: dẫn đến liên kết điều hướng khi người dùng nhấn vào button ZMA: dẫn đến ZMA khi người dùng nhấn vào button Component System: dẫn đến component system khi người dùng nhấn vào button
Link	Liên kết chuyển hướng khi người dùng nhấn vào button
Type ZMA	Loại Zalo Mini App
Extend Params	Tham số mở rộng được sử dụng để nối vào liên kết truy cập Zalo Mini App.
Component System	Liên kết trỏ đến component system
Show Type	Thiết lập cách hiển thị dữ liệu. Có 2 cách hiển thị: Campaign: hiển thị theo campaign Always on: luôn luôn hiển thị
Effective time	Thời gian áp dụng
Position	Vị trí xuất hiện của button
Is Active	Bật/tắt trạng thái của button

Create View

Người dùng có thể cấu hình các thuộc tính liên quan đến các banner dạng view, bao gồm hành vi khi nhấn (onClick action) và các thông tin liên quan cần truyền đi khi view được kích hoạt.

Các loại View

Trường thông tin	Mô tả
Code	Mã code view được hệ thống tự động tạo
Image	Hình ảnh view
Title	Tiêu đề view
Subtitle	Tiêu đề phụ của view
Link Type	Loại link điều hướng. Có 3 loại: Link: dẫn đến liên kết điều hướng khi người dùng nhấn vào ZMA: dẫn đến ZMA khi người dùng nhấn vào Component System: dẫn đến component system khi người dùng nhấn vào
Link	Liên kết chuyển hướng khi người dùng nhấn vào
Type ZMA	Loại Zalo Mini App
Extend Params	Tham số mở rộng được sử dụng để nối vào liên kết truy cập Zalo Mini App.
Component System	Liên kết trỏ đến component system
Show Type	Thiết lập cách hiển thị dữ liệu. Có 2 cách hiển thị: Campaign: hiển thị theo campaign Always on: luôn luôn hiển thị
Effective time	Thời gian áp dụng
Position	Vị trí xuất hiện của banner
Is Active	Bật/tắt trạng thái của banner