Lucky Wheel
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 là một giao diện tương tác dưới dạng vòng quay may mắn, cho phép người dùng trải nghiệm ngay khi vừa truy cập vào ZMA.
Lucky Wheel được thiết kế để tạo ra trải nghiệm tương tác thú vị, khuyến khích người dùng tham gia vào các hoạt động của chiến dịch thông qua cơ chế quay nhận thưởng.
Thông qua hình thức trò chơi đơn giản nhưng hấp dẫn, Lucky Wheel không chỉ giúp tăng tỷ lệ tương tác và thời gian ở lại ứng dụng, mà còn hỗ trợ thương hiệu trong việc thu thập dữ liệu hành vi người dùng, từ đó tối ưu hóa chiến dịch và cá nhân hóa trải nghiệm một cách hiệu quả hơn.
Các loại Lucky Wheel
Hiện nay, tùy theo nhu cầu của chiến dịch, người vận hành có thể tùy chọn loại Lucky Wheel như sau:
Fixed Play Turn
Người dùng sẽ nhận được 2 lượt quay cố định ngay khi truy cập vào ứng dụng và tham gia chiến dịch. Cơ chế này giúp đảm bảo mọi người dùng đều có cơ hội trải nghiệm vòng quay ngay từ đầu, từ đó tạo cảm giác hứng thú, khuyến khích tương tác và gia tăng mức độ gắn kết với chiến dịch.
Turn By Batch Gameplay
Người dùng sẽ nhận được lượt 1 quay sau khi mở loại quà gameplay PZE Wheel. Cơ chế này giúp duy trì sự hứng thú liên tục trong quá trình tham gia, khi mỗi phần quà mở ra không chỉ mang lại phần thưởng mà còn mở khóa thêm cơ hội quay vòng may mắn, từ đó tăng thời gian tương tác và khuyến khích người dùng tiếp tục tham gia nhiệm vụ nhận thưởng.
Một số ngữ cảnh có thể sử dụng
PZE Lucky Wheel không chỉ là công cụ gamification đơn thuần, mà còn là cầu nối giúp thương hiệu tạo ấn tượng, giữ chân khách hàng và gia tăng chuyển đổi. Cùng khám phá một vài tình huống sử dụng tiêu biểu dưới đây.
Use Case 1: Giáng Sinh tri ân cùng Vòng quay may mắn
Ngữ cảnh
Vào dịp Giáng Sinh, cửa hàng mong muốn triển khai một chiến dịch tri ân nhằm tạo không khí lễ hội và tăng cường kết nối với khách hàng.
Chiến dịch được thiết kế với mục tiêu giúp khách hàng tiếp cận nhiều phần quà và voucher ưu đãi hấp dẫn, đồng thời mang đến một trải nghiệm tương tác thú vị trong mùa lễ hội cuối năm.
Bên cạnh việc gửi lời cảm ơn đến tất cả khách hàng đã đồng hành trong suốt năm qua, chương trình còn góp phần kích thích nhu cầu mua sắm trong giai đoạn cao điểm.
Giải pháp dành cho brand
PangoCDP cung cấp giải phánh nhanh, dễ sử dụng đến cửa hàng, với Pango ZMA Experiece: Lucky Wheel. Tất cả mọi khách hàng khi truy cập app đều nhận được 2 lượt quay, với tỉ lệ trúng và phần quà được tùy biến theo nhu cầu của cửa hàng. Đặt việt với bộ UI Kit, cửa hàng có thể dễ dàng thiết kế giao diện vòng quay đậm chất Giáng Sinh, mang đến trải nghiệm sinh động, bắt mắt và phù hợp với tinh thần lễ hội.
Brand nhận được gì khi sử dụng PZE Lucky Wheel?
Tăng tương tác người dùng ngay lập tức: Giao diện vòng quay sinh động thu hút sự chú ý, kích thích người dùng tham gia ngay khi truy cập app.
Thúc đẩy hành vi mua sắm: Voucher, mã giảm giá hoặc quà tặng được gắn vào vòng quay giúp kích thích nhu cầu mua sắm hoặc quay lại cửa hàng trong thời gian ngắn. Điều này giúp kích cầu mua sắm cuối năm.
Tạo trải nghiệm gamified thú vị: Mang đến cảm giác “trúng thưởng”, góp phần tạo sự hứng thú và gắn kết cảm xúc tích cực với thương hiệu.
Tăng nhận diện và sự yêu thích thương hiệu: Trải nghiệm hấp dẫn trong một campaign ngắn trong mùa lễ giúp thương hiệu dễ ghi nhớ.
Thu thập thông tin người dùng: Thông qua yêu cầu follow OA hoặc cung cấp thông tin từ phía người dùng, cửa hàng có thể tăng lượt follow OA và nhận thêm nhiều thông tin khách hàng.
Các user events PZE hỗ trợ
Component Lucky Wheel hỗ trợ theo dõi và xử lý các user events sau, giúp brand nắm bắt hành vi người dùng và dễ dàng kết nối với các hệ thống phân tích, chăm sóc khách hàng hoặc automation khác:
authorize
Sự kiện xác thực người dùng.
followOA
Ghi nhận hành vi người dùng nhấn theo dõi OA (Official Account) của brand.
startSpin
Sự kiện ghi nhận khi người dùng bắt đầu quay vòng quay.
spinResult
Trả kết quả quay sau khi vòng quay dừng.
viewGift
Sự kiện khi người dùng xem quà của mình.
viewWidget
Ghi nhận khi người dùng xem widget.
closeWidget
Ghi nhận khi người dùng đóng widget.
initSuccess
Sự kiện khi Lucky Wheel khởi tạo thành công và sẵn sàng sử dụng.
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
Chọn loại chương trình trả thưởng phù 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.
Demo chương trình
Sau khi đã thiết lập xong các bước trên,
bạn có thể xem demo chương trình tại đây:
Như vậy, bạn đã hoàn tất quy trình thiết lập một component Lucky Wheel. Hãy đảm bảo kiểm tra hiển thị và trải nghiệm thực tế để đảm bảo mọi cấu hình hoạt động như mong muốn trước khi đưa vào sử dụng chính thức.
Last updated
Was this helpful?