ZMA Experience

Tổng quan

Pango ZMA Experience (PZE) hoạt động như một thư viện component dùng chung, cho phép các hệ thống trên ZMA tái sử dụng các thành phần giao diện thông qua bộ công cụ phát triển phần mềm (SDK) một cách linh hoạt và đồng bộ.

PZE được hiển thị trực tiếp trên miniapp tích hợp, cho phép người dùng dễ dàng và nhanh chóng thực hiện các thao tác, nhiệm vụ. Đồng thời, vẫn đảm bảo truyền tải đầy đủ thông tin về các chiến dịch đang diễn ra.

Thư viện component được thiết kế để dễ dàng và linh hoạt khi tích hợp vào hệ thống ZMA, giúp đơn giản hóa quá trình phát triển. Tùy theo nhu cầu và mục tiêu, khách hàng có thể lựa chọn các template có sẵn để sử dụng ngay lập tức. Việc này không chỉ giúp tiết kiệm chi phí xây dựng mà còn góp phần rút ngắn thời gian triển khai các tính năng mới.

Một số ngữ cảnh sử dụng

Một số Use Case có thể sử dụng Pango ZMA Experience để triển khai:

🎯Tổ chức minigame tăng tương tác người dùng

Sử dụng: Component Lucky Wheel để tạo minigame quay thưởng cho người dùng.

Ví dụ: Trong dịp lễ, thương hiệu muốn tổ chức trò chơi quay số trúng thưởng nhằm tăng tương tác. Chỉ cần tích hợp Lucky Wheel từ thư viện PZE và cấu hình phần thưởng, bạn đã có thể triển khai trò chơi trong thời gian ngắn mà không cần tự xây dựng giao diện mới.

🎁Ra mắt chiến dịch khuyến mãi trên Zalo Mini App

Sử dụng: Component Instant Drop Voucher trong PZE để phát voucher tức thì cho người dùng.

Ví dụ: Khi thương hiệu triển khai chiến dịch tặng mã giảm giá trong thời gian giới hạn, có thể sử dụng Voucher Drop để người dùng nhận voucher ngay khi truy cập Zalo Mini App. Điều này giúp tăng tỷ lệ nhận ưu đãi và thúc đẩy hành vi mua sắm nhanh chóng.

📢Thông báo cập nhật hoặc chiến dịch mới

Sử dụng: Component Content Popup để thông báo chiến dịch mới, cập nhật tính năng hoặc khuyến mãi.

Ví dụ: Khi người dùng vừa mở Zalo Mini App, thương hiệu có thể sử dụng Content Popup để hiển thị thông tin về combo “Gà rán + nước ngọt chỉ 49K”. Việc này giúp truyền tải thông tin khuyến mãi nhanh chóng, thu hút sự chú ý và kích thích người dùng bắt đầu hành trình mua hàng ngay từ màn hình đầu tiên.

Với cách sử dụng đơn giản và linh hoạt, PZE có thể được áp dụng vào nhiều ngữ cảnh khác nhau, phù hợp với đa dạng mục tiêu và trải nghiệm sản phẩm.

Các loại Component đang được Pango hỗ trợ

User Engagement Components

Các component này giúp giữ chân người dùng, tạo sự hứng thú trong quá trình sử dụng thông qua cơ chế nhiệm vụ, phần thưởng, tương tác trò chơi hóa, và thông báo thông minh.

Mục tiêu: Biến mỗi lần truy cập app thành một trải nghiệm thú vị và đáng nhớ, từ đó tăng thời gian sử dụng và cải thiện hiệu quả chiến dịch.

Reward & Offer Components

Các component này giúp giữ chân người dùng, tạo sự hứng thú trong quá trình sử dụng thông qua các cơ chế như nhiệm vụ, phần thưởng, trò chơi hóa trải nghiệm, và thông báo thông minh. Mục tiêu: Biến mỗi lần truy cập app thành một trải nghiệm thú vị và đáng nhớ, từ đó tăng tỉ lệ quay lại app, mua hàng và sử dụng các ưu đãi.

Dynamic Content Components

Các component này giúp cung cấp nội dung linh hoạt theo từng chiến dịch, dễ dàng thay đổi theo thời gian, đối tượng người dùng hoặc mục tiêu truyền thông. Nhờ khả năng cập nhật và hiển thị nội dung theo ngữ cảnh, các component giúp thương hiệu truyền tải thông điệp, tăng tỷ lệ người dùng biết đến chiến dịch. Mục tiêu: Tối ưu hóa hiệu quả của từng chiến dịch bằng cách cá nhân hóa trải nghiệm, tăng khả năng tiếp cận, và nâng cao mức độ tương tác từ người dùng.

Các bước truy cập

Người vận hành thực hiện các bước sau để truy cập ZMA Experience

• Truy cập Module ACT Console

• Chọn tab ZMA Experience để truy cập đến ZMA Experience

Các bước thiết lập Component

Bước 1: Khởi tạo component

Tạo custom component

Người vận hành thực hiện các bước sau để tạo một component theo một tempate có sẵn trong ZMA Experience:

• Truy cập Module ACT Console

• Chọn tab ZMA Experience

• Chọn

• Để chọn template, người vận hành có thể điền các thông tin trong bảng sau để tìm kiếm template.

• Người vận hành có thể xem trước template bằng cách nhấn vào nút

• Sau khi xem trước và lựa chọn template phù hợp với chiến dịch, người vận hành nhấn Select để bắt đầu sử dụng. (Người vận hành có thể chọn template ngay tại màn hình review bằng nút Select Template)

Điền thông tin component

• Sau khi đã tạo thành công, người vận hành điền các thông tin cần thiết cho component.

• Nhấn Save Changes để hoàn thành.

Bước 2: Custom Component

Khi template đã được khởi tạo, người vận hành sẽ tiến hành tùy chỉnh giao diện của component dựa trên yêu cầu của từng brand bằng cách nhấn vào .

Sau đây là cách cầu hình theo từng component:

Bước 3: Tích hợp component

Hiện tại, Pango đang hỗ trợ hai hình thức tích hợp component:

• Tích hợp với Pango ZMA

• Tích hợp với Partner ZMA

Tích hợp với Pango ZMA

Sau khi đã hoàn tất tạo và cấu hình cho component, người vận hành tích hợp component vào ZMA theo hướng dẫn chi tiết:

1

Lấy component key

• Truy cập Module Console Act

• Truy cập đến ZMA Experience

• Nhấn để tiến hành tạo component key (hoặc tạo lại component key bằng cách nhấn )

• Sau khi đã tạo xong, người vận hành nhấn để lấy component key

2

Tích hợp vào ZMA

• Truy cập Module Console.

• Truy cập đến ZMA cần tích hợp component.

• Chọn Setting

• Chọn tab Services.

• Truy cập đến PZE Service.

• Bật toggle "Enabled" để tiến hành điền đoạn code init.

• Điền đoạn code theo format bên dưới có chứa Key component và nhấn để hoàn tất tích hợp.

Wheel

Popup Content

Instant Drop Voucher

Format đoạn code để init PZE Wheel vào MiniApp

Copy

[
  {
    "pzeKey": "insert_key_here",
    "pzeType": "pzeWheel",
    "pzeEnv": "production",
    "block": "page",
    "pzeVersion": "latest"
  }
]

Format đoạn code để init PZE Popup Content vào MiniApp

Copy

[
  {
    "pzeKey": "insert_key_here",
    "pzeType": "pzeContent",
    "pzeEnv": "production",
    "block": "page",
    "pzeVersion": "latest"
  }
]

Format đoạn code để init PZE Instant Drop Voucher vào MiniApp

Copy

[
  {
    "pzeKey": "insert_key_here",
    "pzeType": "pzeInstantDropVoucher",
    "pzeEnv": "production",
    "block": "page",
    "pzeVersion": "latest"
  }
]

Tích hợp với Partner ZMA

Sau khi đã hoàn tất tạo và cấu hình cho component, người vận hành tích hợp component vào ZMA theo hướng dẫn chi tiết:

1

Lấy init code

• Truy cập Module Console Act

• Truy cập đến ZMA Experience

• Vào Setting component, chọn tab App Integration để copy init code

2

Tích hợp vào Partner ZMA

Bộ phận kỹ thuật tham khảo tài liệu tích hợp dưới đây để nắm rõ chi tiết về cách triển khai component vào hệ thống.

Xem tài liệu hướng dẫn tích hợp tại đây