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

  • 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

Last updated

Was this helpful?