Home Screen

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

Giới thiệu

Home Screen là điểm chạm quan trọng giúp truyền tải thông điệp thương hiệu, giới thiệu các chương trình nổi bật, và dẫn dắt người dùng đến các chức năng chính của mini app như khám phá quà tặng, đổi ưu đãi, hoặc tham gia sự kiện.

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 Home Screen

Header

Người dùng có thể cấu hình nội dung cho header tại Header config

Trường thông tin	Mô tả
Good Morning Text	Nội dung câu chào buổi sáng
Good Midday Text	Nội dung câu chào buổi trưa
Good Afternoon Text	Nội dung câu chào buổi chiều
Good Evening Text	Nội dung câu chào buổi tối

Tab

Tab là khu vực giao diện được sử dụng để phân loại và hiển thị các nhóm nội dung khác nhau trong cùng một màn hình, giúp người dùng dễ dàng chuyển đổi giữa các chế độ hoặc trạng thái hiển thị của quà tặng trong mini app Pango Gift.

Trường thông tin	Mô tả
Show All Gift	Bật / Tắt chức năng hiển thị tất cả quà
Show All Gift Text	Nội dung hiển thị khi bật chức năng Show All Gift
All Text	Nội dung nút hiển thị khi bật chức năng Show All Gift
Tab Unused Text	Nội dung nút hiển thị quà chưa sử dụng
Tab Used Text	Nội dung nút hiển thị quà đã sử dụng

Sort

Sort là một thành phần quan trọng trong UI giúp người dùng sắp xếp danh sách quà tặng theo các tiêu chí khác nhau nhằm dễ dàng tìm kiếm hoặc ưu tiên hiển thị các mục phù hợp với nhu cầu sử dụng.

Trường thông tin	Nội dung
Title Text	Nội dung hiển thị bộ lọc
Sort Gift Old Text	Nội dung bộ lọc cũ nhất
Sort Gift New Text	Nội dung bộ lọc mới nhất
Sort Gift About Expire Text	Nội dung bộ lọc sắp hết hạn

Gift

Mục Gift trong cấu hình UI cho phép người dùng tùy chỉnh nội dung hiển thị liên quan đến các thao tác và trạng thái của quà tặng trong mini app.

Trường thông tin	Mô tả
Redeem Text	Nội dung nút redeem quà
View Text	Nội dung nút xem chi tiết quà
Expired At Text	Nội dùng dòng thời gian sử dụng quà tặng
Explore Text	Tiêu đề nút CTA dẫn qua chương trình khác
Button Explore Text	Nội dung nút button CTA
Empty Gift Text	Nội dung khi chưa có quà tặng
Gift Used Text	Nội dung quà được nhận

Tags

Tại Tags, người dùng có thể thiết lập văn bản cho trạng thái của thẻ (tag) dựa trên thời gian sử dụng

Trường thông tin	Mô tả
Expired After Text	Nội dung cảnh báo thời gian hết hạn quà
Expired Text	Nội dung thông báo thời gian hết hạn quà
Redeemed Text	Nội dung thông tin thời gian quà được sử dụng

Main menu (bottom)

Tại Main menu, người dùng có thể thiết lập văn bản cho các icon trên menu.

Trường thông tin	Mô tả
Menu Home Text	Nội dung mục Home
Menu Explore Text	Nội dung mục Tiện ích khám phá
Hide Menu Chat	Bật / Tắt chức năng Chat
Menu Chat Text	Nội dung mục nhắn tin
Menu My Account Text	Nội dung mục avatar zalo

7/ Share Link

Tính năng Share Link cho phép người dùng cấu hình các thông tin về chức năng chia sẻ một cách thuận tiện và hiệu quả.

Trường thông tin	Mô tả
Hide Share Link	Bật / Tắt chức năng ẩn Share Link
Enable Deep Link	Bật / Tắt thay đổi nội dung Link được share
Social Title	Tiêu đề link chia sẻ
Social Description	Mô tả ngắn link chia sẻ
Social Image Link	Hình ảnh link chia sẻ

8/ Zalo Pixel Config

Zalo Ads pixel là một đoạn mã được Zalo Ads cung cấp cho các nhà quảng cáo để chèn vào website. Đoạn mã này sẽ giúp nhà quảng cáo thu thập dữ liệu, đo lường hiệu suất trong quá trình chạy quảng cáo Zalo Ads.

Trường thông tin	Mô tả
Enable Zalo Pixel	Bật / Tắt chức năng gắn Zalo Pixel ID
Zalo Pixel Id	Điền Zalo Pixel ID do brand cung cấp