Thiết lập cơ bản

Tích hợp CMS, Kết nối Google Sheet

Để thiết lập 1 Minigame Vòng quay may mắn bạn cần tiến hành 4 bước sau:

  1. Khởi tạo Minigame

  2. Thiết lập Cơ cấu giải thưởng

  3. Thiết kế ảnh Vòng quay

  4. Tạo Google Sheet thông tin khách hàng

1. Khởi tạo Minigame

1.1. Truy cập https://dev.botup.io/studio/ đăng nhập với tài khoản Botup của bạn

1.2. Truy cập Menu Gamificaton sau đó click chọn Lucky wheel

Truy cập kho giao diện Vòng quay may mắn
Hình ảnh kho giao diện Vòng quay may mắn

1.3. Lựa chọn mẫu vòng quay, ấn biểu tượng Clone và đặt tên cho Game của bạn

Click biểu tượng clone để sao chép game mẫu
Hoàn thành khởi tạo game

2. Thiết lập Cơ cấu giải thưởng trên CMS

2.1. Truy cập: http://cms.botup.io/ đăng nhập với tài khoản Botup

2.2. TẠO MỚI GAME và thiết lập cơ cấu giải thưởng

Click chọn để TẠO MỚI GAME
  • Tên game: Nhập tên game (viết liền không dấu)

  • Lượt quay tối đa: Số lượt chơi tối đa của mỗi người chơi

  • Lượt quay mặc định: Số lượt quay ban đầu của mỗi người chơi

  • Loại vòng quay chọn: Image

Lưu ý: Với thiết lập ban đầu: Đặt lượt quay tối đa = lượt quay mặc định

  • Thiết lập giải thưởng với tỷ lệ tương ứng, tổng tỷ lệ = 100% (không thêm các phần khác).

Mẫu thiết lập Cơ cấu giải thưởng
  • Click nút Tạo mới game màu xanh để hoàn thành

Hoàn thành tạo CMS

2.3 Kết nối CMS với Minigame Vòng quay

Với Cơ cấu giải thưởng vừa tạo trên CMS, bạn có thể kết nối đến bất cứ game nào trên hệ thống Botup. Ví dụ: Vòng quay may mắn, Rung cây hái lộc, Đập lu,...

Bài viết này sẽ hướng dẫn các bạn kết nối CMS với Minigame Vòng quay

  • Click nút Thiết lập game để lấy thông tin kết nối

  • Lưu lại 3 thông số để kết nối với Minigame: Tên game, Token, ID Game

  • Trở lại trang giao diện minigame, chọn Data sau đó chọn Cấu hình

Chọn Data trên giao diện chỉnh sửa Minigame Vòng quay
Thay các giá trị tương ứng từ CMS, sau đó ấn Save Model

Như vậy là bạn đã hoàn thành tích hợp CMS vào Minigame

3. Thiết kế ảnh vòng quay

Kích thước 600x600px | Định dạng PNG

Với phần thiết kế ảnh vòng quay bạn hoàn toàn có thể Thiết kế trên Adobe illustrator, Photoshop,... Bài viết sẽ hướng dẫn các bạn thiết kế ảnh vòng quay cực dễ với: https://cms.botup.io/image-editor

3.1. Truy cập https://cms.botup.io/image-editor đăng nhập với tài khoản Botup

3.2. Thiết kế ảnh vòng quay

Lưu ý: Vị trí giải thưởng ứng với vị trí trên CMS như sau

  • Đầu tiên click nút Tạo ngay màu đỏ và chờ khoảng 30s để hệ thống tải giao diện mẫu

  • Kéo và thả Mẫu bạn thích vào vùng thiết kế

  • Sửa ảnh, chữ theo phần quà của bạn

Chỉnh sửa hình ảnh, dùng chuột kéo thả ảnh ở vị trí bạn muốn
Chỉnh sửa chữ (tên giải thưởng)
  • Publish hình ảnh thành link

  • Thay link ảnh vào Minigame

Sao chép link ảnh sau khi Publish

Chọn Data, dán link ảnh vào Ảnh vòng quay, sau đó ấn Save Model

Click đúp vào ảnh vào quay và sửa như sau

Thay link vào vị trí như hình ở dòng 1 Html

4. Tạo Google Sheet thông tin khách hàng

4.1. Truy cập https://docs.google.com/forms/ và đăng nhập tài khoản Google

4.2. Tạo Biểu mẫu khai thác thông tin

Click để tạo biểu mẫu

Tạo Biểu mẫu khai thác những thông tin bạn cần với dạng Trả lời ngắn (Họ tên, Số điện thoại, Địa chỉ, Phần thưởng,...)

Sau đó chọn Preview (Xem trước) và copy đường dẫn

Click biểu tượng hình con mắt

Copy lại đường dẫn có đuôi /viewform

Ví dụ: https://docs.google.com/forms/d/e/1FAIpQLSeSTJkvkheNv_cA8oRXU3lSiL820Gmfl8CPgiCOO6z7Tm1JOw/viewform

4.3. Tạo bảng tính Câu trả lời

4.4. Kết nối Google Form với Minigame vòng quay

Quay lại giao diện thiết kế Vòng quay, kéo xuống phần Form thông tin, Click 2 lần vào nút Xác nhận

Sau đó làm theo hướng dẫn phía dưới

Click chọn Select Data Model tới giá trị tương ứng

Các Data: Họ tên, Số điện thoại, Địa chỉ nhận quà trong phần Thông tin khách hàng | Data Phần thường nằm trong phần Không sửa

5. Hoàn thành và trải nghiệm

  • Click biểu tượng Save sau đó click Publish

  • Click Publish with Botup

  • Click Go to Preview để trải nghiệm và copy link chia sẻ cho bạn bè cùng tham gia nhé