Giao diện
Game Hộp quà bí ẩn
Trang này để làm gì
Hướng dẫn tạo và phát hành Hộp quà bí ẩn (Mở quà) - người chơi thấy một lưới hộp đang đóng, chọn một hộp bất kỳ, hộp rung lắc rồi bung nắp kèm pháo giấy và hiện phần thưởng.
Đường dẫn: → → chọn Mở quà → Thiết lập
Điều quan trọng nhất phải hiểu
Chọn hộp nào KHÔNG ảnh hưởng đến quà
Đây là điểm gây hiểu nhầm nhiều nhất của game này.
Hộp quà chỉ là hình ảnh. Bạn bày 6 hộp cho đẹp mắt, nhưng phần thưởng được bốc ngẫu nhiên từ một danh sách hoàn toàn độc lập, theo tỉ lệ bạn đặt. Người chơi bấm hộp số 1 hay số 6 đều cho kết quả như nhau.
Người chơi vẫn có cảm giác may rủi vì các hộp nhìn giống nhau - nhưng tỉ lệ trúng do bạn quyết định.
| Hộp quà (Box) | Phần thưởng (Reward) | |
|---|---|---|
| Là gì | Hình ảnh hiển thị trên lưới | Quà thật khách nhận được |
| Số lượng | 3–12, bằng số ô của lưới | Từ 1 trở lên, không giới hạn |
| Quan hệ | Không liên quan nhau - 6 hộp vẫn có thể chỉ có 3 phần thưởng |
Game này hợp với chiến dịch nào
Hợp khi bạn muốn một game đơn giản, đẹp mắt, chơi trong 3 giây. Cảm giác "chọn hộp" tạo tương tác tốt hơn nút bấm đơn thuần mà không cần khách học luật.
Không hợp khi cần yếu tố kỹ năng hoặc thi đua - hãy xem Lật thẻ tìm cặp hoặc Đua xe.
Chuẩn bị trước khi tạo
- Phần thưởng đã có trong kho Tạo trước ở Loyalty → Ưu đãi.
- Ảnh hộp đóng và hộp mở cho mỗi hộp Bắt buộc cả hai. PNG nền trong suốt cho kết quả đẹp nhất.
- Quyết định bố cục lưới Ví dụ 3×2 (6 hộp) hay 3×4 (12 hộp). Số hộp phải khớp số ô.
- Quyết định tỉ lệ trúng từng phần thưởng
Mười một mục cấu hình

Trang · Thanh tiêu đề · Bố cục lưới · Hộp quà · Danh sách phần thưởng · Hiệu ứng rung lắc · Hiệu ứng confetti · Popup nhận thưởng · Popup không trúng · Popup thông báo · Âm thanh
Ba mục in đậm là bắt buộc phải làm đúng - phần còn lại có thể để mặc định.
1. Trang

Nền trang có ba loại: Màu sắc, Hình ảnh, hoặc Gradient (cấu hình được góc 0°–360° và các điểm dừng màu).

Vị trí cụm nút để mặc định Dưới cùng để không che lưới hộp.
Nút "Danh sách thưởng" rất đáng thêm
Thêm một nút loại Mở popup → Danh sách thưởng. Khách bấm vào sẽ thấy đủ toàn bộ quà có trong game - biết có quà to thì chơi hào hứng hơn hẳn.
2. Thanh tiêu đề

| Trường | Mặc định |
|---|---|
| Chiều cao | 56 px |
| Hiển thị logo | Tắt |
| Hiển thị tiêu đề | Bật - nội dung "Hộp quà bí ẩn" |
| Màu chữ tiêu đề | #222222 |
| Hiển thị nút thao tác | Tắt |
3. Bố cục lưới

| Trường | Phạm vi | Mặc định |
|---|---|---|
| Số cột | 1 – 6 | 3 |
| Số hàng | 1 – 6 | 2 |
| Khoảng cách giữa hộp | ≥ 0 px | 12 px |
Tổng số hộp = Số cột × Số hàng, và phải nằm trong khoảng 3 đến 12.
| Cột × Hàng | Số hộp | Hình dung |
|---|---|---|
| 3 × 1 | 3 | Một hàng ngang |
| 3 × 2 | 6 | Phổ biến nhất |
| 2 × 3 | 6 | Ba hàng dọc, hợp màn hình hẹp |
| 3 × 3 | 9 | Lưới vuông |
| 3 × 4 hoặc 4 × 3 | 12 | Tối đa |
Đổi lưới thì phải đổi số hộp theo
Số hộp trong mục Hộp quà phải khớp đúng số ô của lưới. Hệ thống sẽ cảnh báo nếu chưa khớp, và game không phát hành được.
4. Hộp quà

Mỗi hộp cần đủ ba thứ, đều bắt buộc:
| Trường | Ý nghĩa |
|---|---|
| Tên hộp | Nhãn nội bộ cho admin dễ nhận biết - khách không thấy |
| Ảnh hộp đóng | Hình mặc định trên lưới |
| Ảnh hộp mở | Hình sau khi bung nắp |
Ba mẹo thiết kế hộp
Dùng cùng kích thước cho mọi ảnh hộp đóng thì lưới mới đều.
Dùng cùng một ảnh hộp đóng cho tất cả sẽ tăng cảm giác may rủi; dùng ảnh khác nhau thì sinh động hơn. Cả hai đều được - chọn theo tinh thần chiến dịch.
Ảnh hộp mở nên có hiệu ứng bung nắp rõ ràng, đó là khoảnh khắc tạo cảm xúc.
5. Danh sách phần thưởng - quan trọng nhất

Đây là pool độc lập với hộp. Mỗi lần người chơi mở hộp, hệ thống bốc ngẫu nhiên một phần thưởng từ danh sách này theo trọng số.
Tối thiểu 1 phần thưởng, không giới hạn tối đa. Phải có ít nhất một phần thưởng tỉ lệ > 0, nếu không game không chơi được.

| Trường | Ý nghĩa | Mặc định |
|---|---|---|
| Tỉ lệ trúng | Trọng số - càng cao càng dễ trúng. 0 = không bao giờ trúng | 0 |
| Lượt tối thiểu để trúng | Khách phải chơi đủ N lượt mới có cơ hội | 0 |
| Số lượng phát | Tổng số lần phát ra cho toàn game | Vô hạn |
| Giới hạn mỗi người | Số lần tối đa một người trúng quà này | Vô hạn |
Tỉ lệ là trọng số chứ không phải phần trăm - hệ thống tự chia cho tổng. Đặt 60/30/10 hay 6/3/1 cho kết quả giống nhau.
Ô trượt "Chúc may mắn lần sau"

Bật Phần không trúng thưởng thì phần thưởng đó vẫn tham gia bốc ngẫu nhiên, nhưng khi trúng sẽ mở popup không trúng và không cấp quà thật.
6. Hiệu ứng rung lắc

Đây là khoảnh khắc hồi hộp trước khi hộp bung nắp. Rung quá ngắn thì mất cảm giác, quá dài thì khách sốt ruột.
7. Hiệu ứng confetti

Cho confetti màu thương hiệu
Bảng màu confetti thêm được nhiều màu. Dùng đúng bộ màu thương hiệu thì khoảnh khắc trúng quà vừa vui vừa nhận diện được là của bạn.
8–10. Các popup

Bắt buộc có nút "Nhận thưởng"
Thiếu nút loại Nhận thưởng (CLAIM), người chơi trúng quà nhưng không hoàn tất nhận được.

Đừng đặt nút CLAIM ở popup không trúng
Popup này chỉ nhận nút Xác nhận, Chơi tiếp, Thoát, Mở liên kết.
11. Âm thanh

Nhạc nền · Âm khi hộp rung · Âm khi hộp bung nắp · Âm nhận thưởng · Âm nhấn nút
Checklist trước khi phát hành
Bắt buộc
- [ ] Số hộp khớp đúng Số cột × Số hàng
- [ ] Mỗi hộp đủ tên + ảnh hộp đóng + ảnh hộp mở
- [ ] Ít nhất một phần thưởng có tỉ lệ trúng > 0
- [ ] Popup nhận thưởng có nút Nhận thưởng (CLAIM)
- [ ] Nếu có ô trượt: popup không trúng đã điền Nội dung
Nên có
- [ ] Nút Thể lệ và nút Danh sách thưởng ở trang
- [ ] Confetti dùng màu thương hiệu
- [ ] Đủ 5 âm thanh, ít nhất là âm bung nắp và âm nhận thưởng