# Quest Merchant App

{% hint style="warning" %}
In-App Browser is not supported
{% endhint %}

{% hint style="info" %}
This guide is for merchant/staff organizing an interactive quest in their event
{% endhint %}

<details>

<summary>Logging into the dashboard</summary>

1. **Access your quest page on the portal**

* Log in to the moongate merchant portal ([https://portal.moongate.id](https://portal.moongate.id/))
* Navigate to quests from the sidebar

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20navigate.png)

* Click on your quest from the quest list

2. **Get the access code and redirect to quest app**

   * Copy the Access Code and Click the **Verify App** button

   ![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20access.png)
3. **Log in to the quest dashboard**

   * Paste the access code into the code field and press **SIGN IN**

   ![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20login.png)

</details>

<details>

<summary>Understanding the Dashboard</summary>

You should be logged in to access this section

1. Once you login, you will see the homepage of the quest app. Press the **CONTINUE** button to jump to the dashboard.

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20home.png)

2. The dashboard contains the two action buttons that let you issue or redeem points:

* **ADD POINTS**
* **REDEEM PRIZE**

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20dashboard.png)

</details>

<details>

<summary>Issuing Points</summary>

1. To issue points click the **ADD POINTS** button on the dashboard

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20dashboard%20add.png)

You will see a list of categories and quests that you can award/issue points to user on this page.

***

1. **Display QR Code Beacon**

* Select Dynamic QR Code Option

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20scan%20add.png)

* Leave QR Code on display for users to scan

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20qr%20show.png)

* Users can scan the QR Code to claim points

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20scan%20qr.png)

***

2. **Issuing Points through QR Code**

* Select Scan QR Code Option

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20qr%20add.png)

* Scan user QR code

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20scan%20qr.png)

* Confirm points issued to user

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20add%20confirm.png)

***

3. **System Result**

After pressing the **CONFIRM** button to add points

* Points Added Successfully

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/points%20added.png)

* User has exceeded the limit for this activity

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20add%20limit%20reached.png)

4. **Custom Points**

Custom Quests do not have a display QR Code option

* Select Scan QR Code Option

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20list%20custom%20points.png)2

* Enter custom number and Confirm

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/custom%20points.png)

* Scan user QR code

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20add%20confirm.png)

</details>

<details>

<summary>Redeeming Points</summary>

* To issue points click the **REDEEM PRIZE** button on the dashboard

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20dashboard%20redeem.png)

* You will see a list of prizes that you can redeem on this page.

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20redeem%20list.png)

***

1. **Selecting Prizes and Redemption**

* Select Prize

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20redeem%20list%20select.png)

* Scan user QR code

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20scan%20qr.png)

* Confirm Redemption

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20confirm%20redeem.png)

2. **Redemption Result**

After pressing the **CONFIRM** button to add points

* Successfully Redeemed

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20redeemed.png)

* Failed: User did not have enough points

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/not%20enough%20points.png)

* Failed: User has reached item redemption limit

![](https://mintlify.s3.us-west-1.amazonaws.com/moongate-85/images/quest-app/quest%20redeem%20limit%20reached.png)

</details>
