Main Screen
Giới thiệu
Main Screen là nơi để cấu hình giao diện của vòng quay trên app Wheel. Người vận hành có thể thực hiện cấu hình bật tắt một số thông tin về campaign, cũng như thay đổi nội dung được hiển thị trên giao diện nhằm phù hợp với các chiến dịch của nhãn hàng.
Cách truy cập vào trang Custom UI như sau:
Truy cập vào Module ACT Console
Tại thanh menu bên trái, chọn mục Campaign. Sau đó chọn tiếp mục Wheel.
Sau đó chọn icon Setting
tại thanh Action bên phảiChọn giao diện Reward Mini App, chọn button Customize Wheel UI
mở giao diện Custom UI
Dưới đây là hướng dẫn chi tiết các trường thông tin khi thực hiện Custom UI cho app Pango Wheel.
Display Content
Heading Content
Heaading Content cho phép cấu hình nội dung và màu sắc tại header của ZMA Wheel.
User Avatar
Nếu enable toggle, thì hệ thống sẽ hiển thị hình đại diện Zalo của người dùng hiện tại
User Name
Nội dung tại trường gửi lời chào đến người dùng
Play Turns
Nội dung tại trường hiển thị số lượt chơi của người dùng
End of Turns
Nội dung tại trường hiển thị số lượt chơi của người dùng nhưng trong trường hợp người dùng đã hết lượt chơi
Background and Text Color
Màu background và màu chữ tại heading. Màu ở vị trí đầu tiên là màu background, màu ở vị trí thứ hai là màu chữ.
Footer Content
Footer Content cho phép cấu hình hình ảnh, nội dung cho các button nhận thêm lượt, xem số lượng quà, nhắn tin với OA và chia sẻ ZMA.
Get More Turns Icon
Icon button săn thêm lượt quay.
Nếu Enable Button, hệ thống sẽ ẩn nút săn lượt chơi.
Người vận hành có thể thay đổi hình ảnh của button trên ứng dụng, bằng cách chọn button Photo (tỷ lệ ảnh 1:1)
Gift Quota Icon
Icon button xem số lượng quà.
Nếu Enable Button, hệ thống sẽ ẩn nút xem số lượng quà.
Người vận hành có thể thay đổi hình ảnh của button trên ứng dụng, bằng cách chọn button Photo (tỷ lệ ảnh 1:1)
Chat with OA Icon
Icon button nhắn tin với OA.
Nếu Enable Button, hệ thống sẽ ẩn nút nhắn tin với OA..
Người vận hành có thể thay đổi hình ảnh của button trên ứng dụng, bằng cách chọn button Photo (tỷ lệ ảnh 1:1)
Share Mini App Icon
Icon button chia sẻ ZMA.
Nếu Enable Button, hệ thống sẽ ẩn nút chia sẻ ZMA.
Người vận hành có thể thay đổi hình ảnh của button trên ứng dụng, bằng cách chọn button Photo (tỷ lệ ảnh 1:1)
Lưu ý:
Nếu không muốn hiển thị buton nào thì chọn toggle Hide Icon ở bên dưới icon tương ứng.
Ngoài ra, icon Gift Quota Icon chỉ hiển thị đối với loại Play Turns Based on Verification Code
Wheel Interface
Đây là mục cấu hình giao diện của vòng quay may mắn, bao gồm tiêu đề, màu sắc/ hình ảnh của vòng quay và các button trên giao diện.
Customize Wheel Elements
Title
Tại mục tiêu đề, người vận hành có thể chọn các mẫu tiêu đề đã có sẵn, hoặc chọn Select Image để tải hình ảnh tùy chỉnh lên. Lưu ý là hình ảnh cần có dung lượng dưới 350Kb.
Người vận hành có thể chọn button Clear Selection 
để xóa hình ảnh đã chọn hoặc đã đăng tải.
Scale
Độ lớn của hình ảnh so với kích thước gốc
Top
Điều chỉnh vị trí của tiêu đề
Wheel Frame
Tại mục Wheel Frame, người vận hành có thể upload hình ảnh nền cho vòng quay may mắn, lưu ý là hình ảnh cần có dung lượng dưới 350Kb và tỷ lệ 1:1.
Image
Chọn hình ảnh để làm ảnh nền của vòng quay
Width
Chiều rộng của vòng quay
Height
Chiều cao của vòng quay
Padding
Khoảng cách từ viền Wheel Frame so với các element bên trong, ví dụ như Result Indicator, Center Spin Button
Rotation
Nếu enable toggle thì vòng quay sẽ có hiệu ứng xoay
Ngoài ra, để cấu hình các quà được hiển thị trên vòng quay, người vận hành có thể chọn:
Use Pre-designed Images as Wheel Content: Sử dụng hình ảnh được chọn tại trường Image
Use Information from the Gift List as Wheel Content: Sử dụng Scheme quà để hiển thị lên Wheel Frame. Khi này, người vận hành cần cấu hình thêm:
Width: Chiều rộng của hình quà tặng trên vòng quay
Top: Vị trí của hình quà tặng trên vòng quay
Background color: Màu nền của vòng quay
Gift Image và Position được lấy mặc định khi câu hình Scheme
Wheel Border
Tại mục Wheel Border, người vận hành có thể upload hình ảnh cho viền vòng quay may mắn, lưu ý là hình ảnh cần có dung lượng dưới 350Kb và tỷ lệ 1:1.
Image
Chọn hình ảnh để làm viền của vòng quay
Width
Chiều rộng của Wheel Border
Height
Chiều cao của Wheel Border
Padding
Khoảng cách từ viền Wheel Border so với các element bên trong, ví dụ như Wheel Frame, Result Indicator, Center Spin Button
Rotation
Nếu enable toggle thì Wheel Border sẽ có hiệu ứng xoay
Result Indicator
Tại mục Result Indicator, người vận hành có thể upload hình ảnh cho mũi tên chỉ kết quả, lưu ý là hình ảnh cần có dung lượng dưới 350Kb và tỷ lệ 1:1.
Image
Chọn hình ảnh để làm Result Indicator của vòng quay
Scale
Tỷ lệ của so với hình ảnh gốc
Radius
Khoảng cách của Result Indicator so với tâm của vòng quay
Top
Khoảng cách của Result Indicator so với viền của vòng quay
Left
Căn trái khoảng cách của Result Indicator so với vòng quay
Center Spin Button
Tại mục Center Spin Button, người vận hành có thể upload hình ảnh cho Center Spin Button, lưu ý là hình ảnh cần có dung lượng dưới 350Kb và tỷ lệ 1:1.
Image
Chọn hình ảnh để làm Center Spin Button của vòng quay
Scale
Điêu chỉnh tỷ lệ của so với hình ảnh gốc
Radius
Khoảng cách của Center Spin Button so với tâm của vòng quay
Top
Khoảng cách của Center Spin Button so với viền của vòng quay
Left
Căn trái khoảng cách của Center Spin Button so với vòng quay
Play Now Button
Nút sử dụng lượt chơi ngay.
Người vận hành có thể chọn các hình ảnh mà hệ thống có sẵn hoặc tự upload hình ảnh
Hình ảnh cần có dung lượng dưới 350Kb và tỷ lệ 1:1.
Scale: Điêu chỉnh tỷ lệ của so với hình ảnh gốc
Base under the Wheel
Nếu enable toggle, hệ thống sẽ hiển thị thêm base bên dưới vòng quay
Người vận hành có thể chọn các hình ảnh mà hệ thống có sẵn hoặc tự upload hình ảnh
Hình ảnh cần có dung lượng dưới 350Kb và tỷ lệ 16:9
Top: Khoảng cách của phần base so với vòng quay
Wheel Settings
Mục Wheel Settings hỗ trợ cấu hình nhạc khi thực hiện quay vòng quay máy mắn.
Speed
Tốc độ của nhạc
Duration
Thời gian phát nhạc khi quay vòng quay
Sound
Chọn nhạc.
Người vận hành có thể chọn các nhạc mà hệ thống có sẵn hoặc tự upload.
File nhạc nền cần có độ dài dưới 30 giây
Last updated
Was this helpful?