# Quiz Game

### Overview

The Quiz is a fun and engaging game where players answer questions to earn a spot on the Leaderboard. Questions can be either sports-related or custom topics. Each Quiz instance can have multiple Quiz Games (Rounds) on different topics. For example, you could create a Quiz Instance named ‘Football Master’ and include rounds from various football leagues like La Liga, Serie A, and the Premier League. The questions can be based on real sports events, such as ‘Who will win the match between Real Madrid and Barcelona?’ with answer options like Real Madrid, Barcelona, or Draw.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-1db0db76875f1428243f1dd07de62751705b4177%2FLaptop.png?alt=media" alt=""><figcaption></figcaption></figure>

#### Sports-Related Questions:

You can create sports-related questions in two ways:

1\. **Automatic:** Select a sports event from our feed and choose from pre-defined questions. The correct answers will be automatically updated by the feed.

2\. **Manual:** Create your own sports event and add a custom question. You’ll need to manually resolve the event and select the correct answer.

#### Custom Questions:

Custom questions can be either sport-related or non-sport-related. For sport-related questions, you have additional options like match date, match/league name, and team names, which are not available for non-sport-related questions. All custom questions are created manually, and you must also manually define the correct answers from the BO once the Quiz is finished.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-db0310022c0f461b4fc09688722c102a230e6bf5%2FScreenshot_14.png?alt=media" alt=""><figcaption></figcaption></figure>

### Quiz User flow

The player's journey progresses through the following steps:

1\. **Enter Quiz Lobby:** Players choose from multiple quiz instances available in the lobby. Each instance can have a different topic.

2\. **Select Quiz Game:** After opening a quiz instance, players see various quiz games (rounds) with details like end date, name, description, amount of questions, etc.

3\. **Answer Questions:** Players begin answering questions within the selected quiz game - questions may be sports-related or custom ones.

4\. **Wait for the correct answer:** If the question was linked to a sports event, the correct answer will be available once the event is resolved. For Custom questions, the correct answer should be manually defined by the BO once the Quiz is finished.

<div><figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-3a3d84615510f6b76949982923cd3aea64be6a72%2FiPhone%2015%20Pro%20(1).png?alt=media" alt=""><figcaption></figcaption></figure> <figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-49f9f9a729d705af223ebb7cbda2b2275fd7503c%2FiPhone%2015%20Pro.png?alt=media" alt=""><figcaption></figcaption></figure></div>

### Quiz UI Structure

The Quiz consists of the following main components: Quiz Instance, Quiz Game, Initial Screen, Quiz Question, Rules tab, Leaderboard tab, Prizepool, and How to Play section.

* **Quiz Instance:** Displayed in the lobby of the Quiz section within the Gamification Widget. You can create multiple Quiz instances, each representing a separate quiz experience. Each Quiz Instance contains multiple Quiz Games or rounds.
* **Quiz Game (Rounds):** Every Quiz Game features an initial screen, end date, name, promo text, description, image, and cost type, and includes all the quiz questions. You can have 1 or more rounds in one Quiz Instance.
* **T\&C panel:** contains details about the selected round such as the name of the round, end date, image, promo text, T\&C, and Start button.
* **Quiz Questions:** Each question is part of a Quiz Game (round) and includes an image, question text, answer options, event name, and event date (for sports-related questions).
* **Rules tab:** Here you can add custom text describing the rules, T\&C of the Quiz, etc. The Rules tab supports HTML as well.
* **Leaderboard:** Shows the list of ranked players who are participating in the Quiz game and their scores.
* **Prize pool:** Shows the list of prizes for each position.
* **How to Play:** Shows the instructions on how to play the Quiz.

<div><figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-5eb6365c9b29f0e447f188ca43a7e3bd507d9a09%2FScreenshot_92.png?alt=media" alt=""><figcaption></figcaption></figure> <figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-a2f6961b26f674e4bc6b45cd66fd697e69a51691%2FScreenshot_94.png?alt=media" alt=""><figcaption></figcaption></figure></div>

### How to Create a Quiz

You can create a quiz from the BO in the Gamification tab -> Quiz. To create a quiz you need to complete the following steps:

1. Create the Quiz Instance in the BO by configuring the general and the UI settings

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-2ee8f724bdc2cd19b55754fab4a4a2af9264f2eb%2FScreenshot_15.png?alt=media" alt=""><figcaption></figcaption></figure>

2. Add Quiz Rounds

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-883d9b3fb5b50011d34dc12a82a6fcb157327032%2FScreenshot_16.png?alt=media" alt=""><figcaption></figcaption></figure>

3. Configure the Round by selecting the start and end date, adding a description, image, promo text, etc.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-25eaedf950ab362a52c647300e4ab0773702c81f%2FScreenshot_17.png?alt=media" alt=""><figcaption></figcaption></figure>

4. After saving the round, select the questions from the feed or create custom questions

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-afd1016ba5e180a974a38c44daef94e8e4534eb5%2FScreenshot_18.png?alt=media" alt=""><figcaption></figcaption></figure>

5. Customize the question by updating the image, selecting the question type, etc.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-15764ead605c41f475449576a2c0b07d801a651e%2FScreenshot_19.png?alt=media" alt=""><figcaption></figcaption></figure>

6. Add prize pool

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-0c929af41712dddf5105421d94d47dd8bca67eb8%2FScreenshot_20.png?alt=media" alt=""><figcaption></figcaption></figure>

### Customize the Final Screen in Quiz

The final screen of the Quiz can be customized to fit your brand. You can replace the default confetti animation with a custom image, change the completion message, and even add a call-to-action (CTA) button to guide players to other sections of the widget.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-bc56fbc142e98e34e87e017fe2e6e21fd76ae221%2FScreenshot_1.png?alt=media" alt=""><figcaption></figcaption></figure>

The options are available in the 'Round UI Setup' section of the Quiz template (per round):

* **Final screen image:**\
  Upload an image to replace the default confetti animation. If left empty, the animation will remain.
* **Final screen message:**\
  Customize the message shown on the final screen. If empty, the default translation will be used. (Supports HTML formatting.)
* **CTA button title:**\
  Add custom text for the button.
* **CTA button action:**\
  Add a deep link to redirect players to a specific widget section.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-ea916253c8a03f1b1404da7095012580976b5dd1%2FScreenshot_7.png?alt=media" alt=""><figcaption><p>BO: Round UI Setup in Quiz</p></figcaption></figure>

**Behavior based on the number of rounds:**

* If the Quiz has more than one round, the CTA button will replace the default 'Next Quiz' button.
* If the Quiz has only one round, the CTA button will be shown next to the 'Review Answers' button.

### Remove tie ranking on Quiz Leaderboards

You can now remove tie rankings on the Quiz leaderboard. The setting, ‘Remove Tie Rankings,’ is available in the BO under the Quiz template and is disabled by default.

{% hint style="warning" %}
Keep in mind that if **"Seasonal Ranking"** is enabled for the Quiz game and when **"Remove Tie Ranking"** is enabled, the General Leaderboard prioritizes players first by points and then by the time of their prediction, regardless of the round. If two players have the same points from different rounds, the player who made their prediction first will receive the higher rank on the leaderboard.
{% endhint %}

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-baf956b86f3374b0823c395782b3a249d19c0447%2FScreenshot_82.png?alt=media" alt=""><figcaption></figcaption></figure>

When enabled, if two or more players have the same score, the player who made their prediction first will be ranked higher, ensuring that each position is held by a single player (e.g., only one player in 1st, 2nd, and 3rd place). In such case, the prize for 1st place for example will be issued only to 1 player.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-1f201b8df00a51ff7966fe2a9e5e833684295e61%2FScreenshot_80.png?alt=media" alt=""><figcaption></figcaption></figure>

If the option is disabled, players with the same score will share the same position on the leaderboard. For example, you could have three players tied for 1st place and two for 2nd place. In such case, the prize for 1st place for instance can be issued to two or more players depending on how many players have the same score.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-5d5d4b42b6015a864fccc2272ff2ba7880317b2c%2FScreenshot_81.png?alt=media" alt=""><figcaption></figcaption></figure>

### Quiz Specifics

Here are some important details about the Quiz:

* If the 'Seasonal ranking' is enabled the leaderboard will aggregates scores across all rounds, so prizes will be awarded only after all rounds are resolved. If some rounds remain unresolved, prizes will not be issued.
  * If the 'Seasonal ranking' is not enabled - there will be no 'General Leaderboard', only rounds leaderboards will be visible and the prizes will be issued once the round is resolved.
* If there’s only one Quiz game (round) on the desktop view, the Quizzes tab won't be shown; instead, the Rules tab will be displayed.
* If a question is tied to a sports event and the event is postponed, the UI won’t update automatically. You’ll need to manually mark the question as canceled in the BO.
* If there are future Quiz Games (Rounds) they will not be displayed in the UI.
* In case the 'cost type' is not free, the player will be charged once per round, regardless of the number of answered questions if they’re in 1 round it is considered as 1 attempt.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2Fgit-blob-25259b00ae82fe3c8627b366191aa6ee2959cba5%2FScreenshot_47.png?alt=media" alt=""><figcaption></figcaption></figure>

### Lock answers after submission

You can control whether players can change their answers after submitting. The option is called **‘Allow editing of answers’** and is available in the Quiz round configuration. It is enabled by default meaning that players can edit their answers after submission.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2F7pabxBQYRCQvLE9pdqQo%2FScreenshot_12.png?alt=media&#x26;token=2d01bd86-02b5-4dbb-911f-bdcb715e459c" alt=""><figcaption><p>BO: 'Allow editing of answers' option in Rounds settings</p></figcaption></figure>

When disabled, players can’t edit their answers once they’ve submitted. This is configured per round, so you can have some rounds where editing is allowed and others where answers are locked.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2FLFYkGBbmVQAYYcOLJOpZ%2FScreenshot_11.png?alt=media&#x26;token=a4c247fe-e963-479f-8a3c-4212dfb53036" alt=""><figcaption></figcaption></figure>

### Set auto resolve for custom question

You can automatically resolve a custom question with the **‘Set auto resolve for the question’** option. This option is available only for custom questions and is disabled by default, meaning they must be resolved manually from the Back Office. When enabled, you can define a specific UTC date and time, and the question will be resolved automatically once that time is reached.

{% hint style="info" %}
**Note:** After a question is auto-resolved, the answers can no longer be edited.
{% endhint %}

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2FA9klSw3Bu5kw5rSDrBfQ%2FScreenshot_17.png?alt=media&#x26;token=f9b91f2f-6961-4dc0-929b-42cdcef45bd5" alt=""><figcaption></figcaption></figure>

### Spin expiration for Quiz

The ‘**Spin Expiration Rule’** option in Quiz help you to configure spin attempt costs and define when unused attempts expire using flexible rules:

* Relative period - e.g., expires 10 days after the attempt is issued
* Specific time - e.g., expires at 00:00 UTC on the same day it was issued
* Day of the week - e.g., expires on Monday at 00:00 UTC, regardless of when it was issued
* Specific date & time - e.g., expires on 21.05.2026 at 00:00 UTC, regardless of issuance time

If a spin attempt is not used before the set time is reached, it will automatically expire and can no longer be used.

{% hint style="info" %}
Note: When the cost type is 'Spin Attempts', the cost is applied once per round, regardless of how many predictions are made within that round. All predictions in the same round count as a single attempt.
{% endhint %}

You can also define **Max Active Spins per User**, which limits how many spin attempts a user can have at a time. For example, if set to 1, the user can participate in only one round of the Quiz. Once the spin is used, they must receive a new attempt before joining another round.

<figure><img src="https://77049817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfS5hl0PiysHtKAKMsQTe%2Fuploads%2FmrmhSl8VoRLjZF2TM4ND%2FScreenshot_42.png?alt=media&#x26;token=10107500-51c3-4382-92ec-67aff3c06997" alt=""><figcaption></figcaption></figure>

### How to load Quiz game on the site

Quiz game has same possibilities of loading as part of the main page or as an overlay popup on top of your side as MatchX, you can read about all possible mechanics in [this article](https://help.smartico.ai/welcome/products/mini-games/matchx-game/loading-matchx-game-as-part-of-your-website)
