Lucky Wheel with double rewards
Tài liệu này hướng dẫn người dùng thiết lập cấu cấu hình giao diện cho component Lucky Wheel trong ZMA Experience.
Giới thiệu
Component Lucky Wheel with Double Rewards là một module giao diện tương tác trong ZMA Experience cho phép người dùng quay vòng may mắn với cơ chế thưởng kép.
Component đã được đóng gói sẵn đầy đủ UI, logic xử lý sự kiện và các hook để người vận hành dễ dàng cấu hình giao diện, đồng thời ghi nhận và phản hồi các hành vi của người dùng. Nhờ vậy Lucky Wheel with Double Rewards giúp tăng trải nghiệm tương tác, khuyến khích người dùng quay nhiều lần và tối ưu hiệu quả chiến dịch khuyến mãi.
Các bước custom UI config
Để tùy chỉnh giao diện (Custom UI) cho một component, người vận hành sẽ tiến hành thiết lập các mục sau:
Brand
Người vận hành thiết lập màu của brand. Sau đó nhấn 
để hoàn tất và đến bước tiếp theo.
Component
Người vận hành tiến hành cấu hình các thông tin liên quan đến Component
Rule & Quota
Tại đây, người vận hành cập nhật các thông tin liên quan đến Rules và Quota cho các phần thưởng hiển thị trên Wheel.
Prize on the wheel
Chọn số lượng phần thưởng hiển thị trên vòng quay. Hiện tại đang hỗ trợ từ 4 đến 10 phần thưởng.
Name
Tên phần thưởng
Icon
Icon hiển thị cho phần thưởng
Win Rate
Tỉ lệ thắng phần thưởng
Integration Type
Loại tích hợp cho component
Quota
Số lượng quota (lượng quà ban đầu được phân bổ theo từng kho).
Allocated
Số lượng allocated
Is Lucky
Loại quà "Chúc bạn may mắn lần sau"
Action
Các thao tác:
- 
: chỉnh sửa thông tin của phần thưởng
- 
: thêm mới thông tin của phần thưởng
Replacement gift when one gift is out-of-quota
Phần thưởng thay thế nếu một trong các phần thưởng hết quà
Việc điều chỉnh số lượng phần thưởng có thể dẫn đến việc loại bỏ một số phần thưởng hiện có.
Người dùng thêm mới hoặc chỉnh sửa thông tin của phần thưởng
Game Interface
Tại bước này, người vận hành sẽ tiến hành tùy chỉnh giao diện trình chơi vòng quay (Wheel Game Interface) theo yêu cầu.
Wheel Frame
Người vận hành cấu hình cho khung vòng quay:
Wheel image: tải lên ảnh khung vòng quay
Wheel size: nhập kích thước của vòng quay
Show Base: bật/tắt hiển thị đế vòng quay
Base image: tải lên ảnh đế vòng quay
Base size: nhập kích thước của để vòng quay
Padding: khoảng cách giữa đế và khung vòng quay
Play Button
Người vận hành cấu hình cho nút nhấn quay:
Button image: tải lên ảnh nút nhấn vòng quay
Button size: nhập kích thước nút nhấn vòng quay
Button text: nội dung nút nhấn quay
Tutorial Hand
Người vận hành cấu hình cho tay nhấn quay:
Hand image: tải lên ảnh tay nhấn quay
Hand image size: nhập kích thước ảnh tay nhấn quay
Cách sử dụng UI Kits
Tải xuống file PSD mẫu được cung cấp để truy cập tất cả các thành phần giao diện Wheel với kích thước chuẩn.
Tùy chỉnh thiết kế theo phong cách riêng trực tiếp trong file PSD (ví dụ: màu sắc, hình dạng, hiệu ứng).
Xuất từng thành phần sau khi chỉnh sửa dưới định dạng PNG.
Tải các file PNG lên các mục giao diện tương ứng bên dưới để áp dụng thiết kế tùy chỉnh.
Text
Tại bước này, người vận hành sẽ tiến hành tùy chỉnh nội dung các văn bản hiển thị trên vòng quay ở:
First turn Main Screen
First turn Pop-up Winning
Second turn Main Screen
Second turn Pop-up Winning
First turn Main Screen
Tại màn hình hiển thị lượt chơi thứ nhất, người vận hành có thể chọn loại hiển thị nội dung:
Text Content
Người vận hành có thể tùy chỉnh nội dung cho Title, Sub-title và thay đổi màu sắc cho văn bản hiển thị Title, Sub-title.
Hiện tại chỉ đang hỗ trợ 1 font chữ Roboto
Graphic Content
Người vận hành có thể lựa chọn sử dụng graphic do Pango cung cấp sẵn, hoặc tải lên bộ graphic riêng theo nhận diện thương hiệu của nhãn hàng.
Widget Button
Sau khi thoát khỏi component, Vòng quay có thể hiển thị dưới dạng Widget.
Người vận hành có thể điều chỉnh icon hiển thị cho widget tại "Wheel Frame".
Và có thể thay đổi nội dung hiển thị thông báo kêu gọi người dùng nhấn widget tại "Wheel Play Button"
Declined follow request
Người dùng cuối có thể lựa chọn từ chối chia sẻ thông tin hoặc không đồng ý theo dõi OA. Do đó, tại bước "Declined follow request", hệ thống sẽ hiển thị lại lời nhắc nhằm khuyến khích người dùng cung cấp thông tin hoặc thực hiện theo dõi OA, từ đó gia tăng tỷ lệ chuyển đổi và hiệu quả tương tác.
Popup image
Tải lên hình ảnh hiển thị trên popup
Popup content
Nhập nội dung hiển thị lời nhắc trên popup
Button Accept Text
Nhập nội dung nút chấp nhận yêu cầu
Button Skip Text
Nhập nội dung nút từ chối yêu cầu
Data Collection
Người vận hành có thể linh hoạt cấu hình bước thu thập thông tin người dùng và yêu cầu theo dõi OA tại bất lượt chơi nào, tùy theo mục tiêu tương tác và trải nghiệm mong muốn.
Nếu dữ liệu (ví dụ: số điện thoại, lượt theo dõi OA, tên, ảnh đại diện) đã được thu thập trước đó, thì pop-up yêu cầu dữ liệu trong flow hiện tại sẽ được bỏ qua và chuyển sang bước tiếp theo.
Last updated
Was this helpful?