# Thiết lập cơ bản

Để 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://studio.appon.vn/studio/dashboard/> đăng nhập với tài khoản Appon của bạn

1.2. Truy cập Menu **Gamificaton** sau đó click chọn "Xem tất cả" để xem toàn bộ Template của Game

![Menu Gamification](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FeCgvw3CKGjQpaGgs5JZi%2Fv%C3%AD%20d%E1%BB%A5%20gamification.png?alt=media\&token=53a6dd07-9b60-4124-8cff-331eac24bb78)

1.3. Lựa chọn mẫu vòng quay mà bạn muốn, di chuyển trỏ chuột vào đó chọn **"Tạo một bản sao"** và đặt tên cho Game của bạn

![Ấn Tạo một bản sao](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FD8CsKzfTFVPSstvciH0i%2Fv%C3%AD%20d%E1%BB%A5%20gamification%201.png?alt=media\&token=2be7e3a3-1021-4146-86ff-bdb0af35b5d4)

![Đặt tên cho Game của bạn](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FQBDHlbwzSK5cWLN2dWDA%2Fv%C3%AD%20d%E1%BB%A5%20gamification%202.png?alt=media\&token=e00bf82e-c27c-41e9-99ab-4fc7b3aa1a17)

![Hoàn thành khởi tạo game](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2F7Nw5Sm6CMSrIUz2BagyY%2Fv%C3%AD%20d%E1%BB%A5%20gamification%203.png?alt=media\&token=c320e753-0ff9-403e-8d6a-86128300d131)

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

2.1. Truy cập: <https://merchant.botup.io/> đăng nhập với tài khoản **Appon**

2.2. Tạo mới doanh nghiệp của bạn

![Ở đây mình đã tạo sẵn vài doanh nghệp của mình](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FbieLmfSCYp3zInx94sNq%2Fv%C3%AD%20d%E1%BB%A5%20gamification%204.png?alt=media\&token=77936c66-50ef-4c5d-bcf3-20d402c04190)

2.3. Truy cập vào doanh nghiệp của bạn và Tạo 1 **Chiến dịch** mới.

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FXg1kBZiBWSW6qNcJQDnk%2Fv%C3%AD%20d%E1%BB%A5%20gamification%205.png?alt=media\&token=4bd691b3-e88e-43cc-8c74-4e559c6a7ce3)

Trông mỗi chiến dịch sẽ có các thông số như sau :&#x20;

* Tên chiến dịch: Nhập tên chiến dịch minigame của bạn
* 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
* Thời gian bắt đầu & Thời gian kết thúc: chọn thời gian bắt đầu và kết thúc chiến dịch của bạn

**Lưu ý:** lượt quay mặc định luôn nhỏ hơn lượt quay tối đa

* 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).*&#x20;
* Ấn "Tạo mới" để thêm các ô phần thưởng, icon "thùng rác" để xóa phần thưởng
* Click nút **Tạo mới game** để hoàn thành

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FOh1GUG7sfMteJbSiN8HU%2Fv%C3%AD%20d%E1%BB%A5%20gamification%206.png?alt=media\&token=c04e9f9e-1eef-40ac-b5b3-e44da277788f)

![Hoàn thành tạo Chiến dịch](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FJzV3hgtykf42Nzi9Xjz6%2Fv%C3%AD%20d%E1%BB%A5%20gamification%207.png?alt=media\&token=e8a14f1c-250a-48ad-aae5-392d665225ca)

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

Với cơ cấu giải thưởng vừa tạo trên **Merchant**, bạn có thể kết nối đến bất cứ game nào trên hệ thống Appon. 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 **Merchant** với Minigame Vòng quay

* Click nút "**Thiết lập"** ![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2F8sZwfLN9Qr3SzH3iSlQN%2Fv%C3%AD%20d%E1%BB%A5%20gamification%208.png?alt=media\&token=7b46ef0e-7d3d-4a27-b58c-7ec616a5eff5) để lấy thông tin kết nối
* Copy ID chiến dịch sau đó quay lại trang chỉnh sửa giao diện Minigame, chọn **Dữ liệu**  >> **campain >>** thay ID chiến dịch vừa sao chép vào cột "campain\_i&#x64;**".**

![sao chép id chiến dịch](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2Fzfoq2XeDsUYRToB01FPK%2Fv%C3%AD%20d%E1%BB%A5%20gamification%209.png?alt=media\&token=fe8bd8a8-d78d-4bb4-81c7-5134fd7077b2) ![thay vào Model](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2Fs7npJjmkfWVgzzGBEjSp%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2010.png?alt=media\&token=f22fa515-6af7-49e8-8fe7-516f4f99154c)

Như vậy là bạn đã hoàn thành tích hợp Merchant vào Minigame&#x20;

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

![Kích thước bắt buộc 600x600px | Định dạng PNG](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3w8wMtO2utejIIJH8d%2Fimage1585852160533.png?alt=media\&token=19ea71d8-ec25-46ce-a0a3-42f1a20329d7)

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 Appon

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

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

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FyR4MgxkC79UBHoC14KoH%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2012.png?alt=media\&token=89918f70-49a7-4fdc-ae36-7b252f8ee404) ![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FMo7TLR7to0zFtfqPAgec%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2011.png?alt=media\&token=ce460283-0588-4a62-904c-c6864d49f45e)

* Đầ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

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wB1nQ5oXEEKKf5E-b%2Fimage.png?alt=media\&token=d892f4e8-bb04-412c-83fe-e16957aaa66b)

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

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wAmEoBR1UsOisGbRp%2Fimage.png?alt=media\&token=49dfc07b-0207-4e54-97e4-7c4cf672bb4d)

* 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](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wBlnJZtPMcAPj0ndP%2Fimage.png?alt=media\&token=7050cad7-ae58-44af-ad89-c99c58ee75cd)

![Chỉnh sửa chữ (tên giải thưởng)](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wCfrdGD7iJqLNisdF%2Fimage.png?alt=media\&token=a4f1a43b-4e80-45c7-b7cc-0ac5e5f2b514)

* **Publish** hình ảnh thành link

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wD7_o76Heu6egTxH3%2Fimage.png?alt=media\&token=b84b48a4-969e-4cb8-a9cc-69b6a7d9d7d6)

![Sao chép link ảnh sau khi Publish](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wDW-Fv0EGBDALQchj%2Fimage.png?alt=media\&token=5dec1ad8-0fea-48f6-8f73-48f800ba8594)

Thay link ảnh vào Minigame sẽ cần thay ở 2 vị trí

1. Chọn **Dữ liệu**, dán link ảnh vừa thiết kế ở bước trên vào **cauhinhgame >> bgvongquay**.

![thay link ảnh vòng quay](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FBOfFoeEai1RqSU9B7Sz5%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2013.png?alt=media\&token=ae186837-12d1-4e08-88de-1a7f9ac639d0)

&#x20; 2\. Click đúp vào ảnh vòng quay ở ngoài giao diện chỉnh sửa

![click 2 lần vào hình ảnh](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2Fd96yGv804nfs7hqnZSxh%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2014.png?alt=media\&token=17300b31-0885-4ede-8d07-2231a1bbede8) ![dán link ảnh vừa thiết kế vào trong dấu ngoặc kép. (src="link\_ảnh")](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FIy37bclEot783UhtGVmP%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2015.png?alt=media\&token=03ee9194-232c-4229-971e-8d64efe8ec1f)

## 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](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wHmRXmdAHE3JX2RFI%2Fimage.png?alt=media\&token=af606c2c-8e76-4152-8fef-e9c574d3e917)

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,...)

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wIQd3-RY2lksJO2-C%2Fimage.png?alt=media\&token=6e6b329e-a09c-4d59-b0fe-b3513e4f1bab)

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

![Click biểu tượng hình con mắt](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wIgV0BzsX_SCi_waV%2Fimage.png?alt=media\&token=e5377180-e641-43f4-a378-d8fafe467b0a)

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

**Ví dụ:** [**https://docs.google.com/forms/d/e/1FAIpQLSeSTJkvkheNv\_cA8oRXU3lSiL820Gmfl8CPgiCOO6z7Tm1JOw/viewform**](https://docs.google.com/forms/d/e/1FAIpQLSeSTJkvkheNv_cA8oRXU3lSiL820Gmfl8CPgiCOO6z7Tm1JOw/viewform)

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

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wNtKT2mYJMaN13HPD%2Fimage.png?alt=media\&token=146f3989-d3bc-4e62-82a3-6da41824b01a)

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmigXqQJLlwBF71lfdy%2F-M3w63qlemUTtBka4j8h%2F-M3wO7sXwHYvtcKET8D9%2Fimage.png?alt=media\&token=1352316e-eeec-4ce4-8d4c-fef2cadf570d)

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**, chọn **Màn hình** "thongtinkhachhang" >> ấn vào nút "Đăng ký" >> và chọn sang **Hành động**. Khi đó bạn sẽ nhìn thấy hành động **Google Form** >> click vào hành động **Google Form** và dán link "Viewform" bạn vừa copy ở trên và ấn "Get form"

Sau khi đã quét được **Google Form**, bạn click chọn **Select Data** tới giá trị tương ứng

Các Data: Họ tên, Số điện thoại, Địa chỉ nằm trong bảng **Dữ liệu** "thongtinkhachhang".&#x20;

![ấn vào nút "Đăng ký" >> và chọn sang Hành động](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FxfwJjDmjWSpS7UDFtAIG%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2016.png?alt=media\&token=0939a694-c194-4eeb-8f02-e25e92dbc3f8)

![Chọn vào các model tương ứng](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FLyfggfMwAlaudbOhJaDg%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2017.png?alt=media\&token=e9f8da5a-c8de-49bf-b76d-b5fbe44625bc)

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

* Click biểu tượng **Publish** ![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2F4e5AMxWDfB5A5PbFMJsg%2Fv%C3%AD%20d%E1%BB%A5%20subdomain.png?alt=media\&token=7a7294fa-98b3-4215-b028-4ac011c72dc5) sau đó chọn **Publish with Appon**

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FQXnjQcv38viKdA2oWAKq%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2018.png?alt=media\&token=0baf4018-13a9-404d-8b2d-1ac75769d510)

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

![](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FyfkavqNeVG2cdFchglSo%2Fv%C3%AD%20d%E1%BB%A5%20gamification%2019.png?alt=media\&token=8594c35a-88fe-4bb6-b7db-d8bb06374585)