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

  • 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

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

Last updated

Was this helpful?