Home Screen

Tài liệu hướng dẫn User cấu hình custom UI của app Pango 1Touc trên Activation của PangoCDP.

Giới thiệu

Home Screen là giao diện chính trong chiến dịch Pango 1Touch - nơi người dùng có thể cấu hình và tùy chỉnh toàn bộ nội dung hiển thị đầu tiên khi người dùng cuối truy cập vào mini app. Giao diện này đóng vai trò quan trọng trong việc truyền tải thông điệp, hướng dẫn hành động và dẫn dắt người dùng đi đến mục tiêu chuyển đổi như đặt hàng, nhận voucher hoặc chia sẻ chiến dịch.

Thiết lập cài đặt Custom UI Pango 1Touch

• Vào Module Activation

• Chọn Campaign / 01Touch

• Chọn Campaign 1Touch đã tạo trước đó

• Chọn Config / Custom UI 1Touch

• Thiết lập thông tin tại mục Custom UI / Home Screen

Chọn Custom UI Pango 01Touch

Thiết lập thông tin tại Home Screen

General

Tại General, người dùng có thể thiết lập các thông tin chung cho màn hình chính.

General

Trường thông tin	Mô tả
Hide Trade Mark	Ẩn/hiện dòng text bản quyền dưới cùng của mini app
Items per view	Số item hiển thị (Tối đa 4 item)

Select Product

Tại Select Product, người dùng có thể cấu hình các thông tin liên quan đến sản phẩm nhằm hỗ trợ hiển thị nội dung phù hợp với từng trạng thái tương tác của khách hàng trong quá trình lựa chọn sản phẩm.

Select Product

Trường thông tin	Mô tả
Notice when not selected a product	Thông tin khi chưa chọn sản phẩm
Show help for more product	Tư vấn sản phẩm khác
Show help for more product text	Thay đổi nội dung thông điệp tư vấn sản phẩm khác
Message when user has selected a product	Thông tin sản phẩm đã chọn
Message when user has selected a product	Giá sản phẩm

Ordering Information

Tại Ordering Information, người dùng có thể cấu hình các nội dung liên quan đến thông tin người đặt hàng. Đây là nơi người dùng thiết lập tiêu đề, nhãn thông tin và thông điệp nhằm cá nhân hóa trải nghiệm người mua, cũng như kiểm soát yêu cầu theo dõi Zalo Official Account (OA).

Trường thông tin	Mô tả
Title of order information	Tiêu đề thông tin đơn hàng
Label of Customer Phone Number	Thay đổi nội dung label phone
Label of Customer Name	Thay đổi nội dung label name
Message calling for users to follow zalo OA	Thay đổi nội dung thông điệp yêu cầu quan tâm OA
Not required follow OA	Bắt buộc yêu cầu follow OA hay không
Default banner (16:6)	Hình ảnh banner

Button Order

Tại Button Order, người dùng có thể cấu hình các thông tin liên quan đến các nút đặt hàng và hiển thị mã giảm giá, giúp cá nhân hóa trải nghiệm và tối ưu hiệu quả chuyển đổi người dùng.

Trường thông tin	Mô tả
Button Order Text	Nội dung button action
Button Price Text	Dòng thông tin về giá trị sản phẩm
Have Voucher Text 1 (No Select)	Dòng thông tin hiển thị khi End-User nhận được tin nhắn link kèm Voucher Harsh đính kèm
Have Voucher Text 2 (No Select)	Dòng thông tin khuyến khích mua sản phẩm khi user có mã voucher chưa được sử dụng
Have Voucher Text 3 (Selected)	Dòng thông tin hiển thị khi user đã áp mã giảm giá sản phẩm

Share link

Tại Share Link người dùng có thể cấu hình các thông tin liên quan đến việc chia sẻ liên kết từ ứng dụng, cho phép cá nhân hóa nội dung và hình ảnh khi người dùng chia sẻ ra ngoài các nền tảng mạng xã hội.

Trường thông tin	Mô tả
Hide Share Link	Ẩn / Hiện Button chia sẻ link app
Enable Deep Link	Cho phép thiết lập thông tin chia sẻ link app (chỉ dùng được khi tắt chức năng Hide Share Link)
Social Title	Tiêu đề của link share
Social Description	Miêu tả ngắn của share link
Social Image Link	Hình ảnh cùa share link

Voucher

Voucher là phần người cấu hình các nội dung liên quan đến mã giảm giá khi người dùng đặt hàng.

Trường thông tin	Mô tả
Voucher Label 1	Thay đổi nội dung "Mã giảm giá"
Voucher Label 2	Cho phép nhập thông tin mã giảm giá
Voucher Label 3	Nút "Áp dụng"
Voucher Label 4	Thay đổi nội dung Popup khi mã voucher không đúng
Voucher Label 5	Thay đổi nội dung Popup khi mã voucher vượt quá số lượng
Voucher Label 6	Thay đổi nội dung "Bạn có chắc muốn hủy voucher này?"
Voucher Label 7	Nút "Xác nhận"

Customer Note

Customer Note cho phép người dùng nhập ghi chú bổ sung liên quan đến đơn hàng (ví dụ: yêu cầu đóng gói, thời gian giao hàng…). Người dùng có thể tùy chỉnh nội dung gợi ý và cách thức hiển thị ghi chú này theo nhu cầu.

Trường thông tin	Mô tả
Customer Note Text	Text gợi ý tại text box nhập ghi chú
Customer Note Show Type	Có 2 sự lựa chọn - Always: Luôn hiện ghi chú - Match SKU: Chỉ những SKU cố định mới cho phép nhập ghi chú
Required Customer Note	Có bắt buộc user phải ghi chú hay không

Must Confirm to Continue

Tại Must Confirm to Continue người dùng có thể cấu hình nội dung các thông tin cần người dùng cuối xác nhận hoặc điều kiện trước khi tiếp tục sử dụng app (thường được áp dụng cho các chương trình khuyến mãi, sự kiện hoặc điều khoản đặc biệt).

Trường thông tin	Mô tả
Show Popup Confirm	Ẩn / Hiện Popup Xác nhận thông tin
Image Link	Hình ảnh banner Pop-up
Title	Tiêu đề Popup
SubTitle	Nội dung Popup
Confirm Text	Button xác nhận
Confirm Rule	Chọn loại xác nhận Có 2 loại: Always ask user confirm to continue: luôn luôn hiển thị mỗi khi open-app Save and don't ask next time: không hiển thị cho những lần sau
Not Confirm Text	Button không xác nhận
Not Confirm Rule	Khi không xác nhận sẽ drive về màn hình chat với OA
Term And Condition Text	Nội dung xác nhận điều khoản tham gia sự kiện
Term And Condition Button Text	Nội dung đường Link điều khoản xác nhận tham gia sự kiện
Term And Condition Link	Chèn đường link truy cập nội dung và điều khoản tham gia sự kiện

Disclaimer information

Tại Disclaimer information, người dùng có thể điều chỉnh nội dung và cấu hình cơ bản cho thông báo hoặc cảnh báo ngắn.

Trường thông tin	Mô tả
Show Disclaimer	Ẩn / Hiện nội dung thông báo
Disclaimer	Nội dung thông báo
Text Color	Màu chữ
Background Color	Màu nền của thông báo