Game Settings panel showing Scoreboard, Presenter, Question Screen and Buzz Mode options

Classic Mode gives you flexible ways to run your game. You can turn settings ON or OFF depending on how you want to play.

Team roster panel showing team list and autofill option

When Scoreboard is turned ON, TriviaMaker enables Basic Mode. In this mode, you can create teams and track scores during gameplay.

Question Screen

When the Question Screen is on, this screen is used to display the question.

Primary gameplay screen showing question display and navigation controls

Topbar Navigation & Icons

Leaderboard

Click this icon to open the game leaderboard and view the current team standings during the game.

Play Music

Click this icon to play or pause the theme song/background music during gameplay.

Font Size

Click this icon to adjust the font size.

Clap

Click this icon to play a clapping sound effect, perfect for celebrating correct answers or team achievements.

Sad Face

Click this icon to play a sad sound effect, typically used when a team answers incorrectly.

Winner

Click this icon to skip directly to the winner screen and see the final results and leaderboard.

Fullscreen

Click this icon to toggle fullscreen mode for a more immersive gameplay experience.

Exit

Click this icon to exit the game and return to the main dashboard or game selection screen.

Play Screen

Play screen showing the active question with multiple choice options

Topbar Navigation & Icons

Leaderboard

Click this icon to open the game leaderboard and view the current team standings during the game.

Play Music

Click this icon to play or pause the theme song/background music during gameplay.

Font Size

Click this icon to adjust the font size.

Clap

Click this icon to play a clapping sound effect, perfect for celebrating correct answers or team achievements.

Sad Face

Click this icon to play a sad sound effect, typically used when a team answers incorrectly.

Winner

Click this icon to skip directly to the winner screen and see the final results and leaderboard.

Fullscreen

Click this icon to toggle fullscreen mode for a more immersive gameplay experience.

Exit

Click this icon to exit the game and return to the main dashboard or game selection screen.

Explanation

Click this icon to show the correct answer explanation that you added during game creation.

Image Expansion

Click this icon (located on the question image) to expand the image to full screen for better visibility.

Edit Score

Click this icon (next to a team name) to manually adjust a team's score during the game.

Winner Screen

Final winner screen showing the top team and final scoreboard standings

Topbar Navigation & Icons

Play Music

Click this icon to play the winner's theme or celebratory background music.

Fullscreen

Click this icon to toggle fullscreen mode for a more immersive victory celebration.

Exit

Click this icon to exit the game and return to your dashboard.

To use the Controller Presenter mode, simply click on the Presenter button to turn it ON in your game settings. This allows you to host the game professionally from one device while projecting the gameplay to your audience.

Controller and Presenter Mode view

Connecting the Presenter Display

When you turn the Presenter setting ON, a Presenter Control popup will immediately appear on your controller device asking for a 6-digit code.

The Presenter Control popup waiting for your 6-digit code

To get this code, open your second device (like a classroom projector or TV) and navigate to triviamaker.com/presenter/. Click on Show Code.

Click on "Show Code" to generate your connection pin

Once you click the button, a unique 6-digit code will be displayed on the presenter screen.

Your 6-digit connection code is revealed

Finally, enter that 6-digit code back into the popup on your controller device.

Enter the code on your controller device

After entering the code, click on the Connect to Presenter button to establish the connection.

Click Start Presenter Mode to begin your game

Then, click on the Start Presenter Mode button. Your audience will now see the presentation while you control the game!

Once the game begins, your two screens will display different interfaces optimized for their roles. Your Controller Screen will show the question along with host controls—such as the Tap to Reveal Answer button—while the Presenter Screen will display a clean, distraction-free view of just the question for your audience.

Controller Screen (What you see)

The Controller view with the "Tap to Reveal Answer" button

Controller Topbar Icons

Presenter Screen (What the audience sees)

The clean Presenter view projected to the audience

After the question is revealed, the game transitions to the Play Screen. Just like before, your Controller Screen provides you with the options to score teams and manage the game, while the Presenter Screen displays a clean view of the question and the available answer options.

Controller Screen (What you see)

The Controller view with scoring and game management controls

Controller Topbar Icons

Presenter Screen (What the audience sees)

The clean Presenter view showing the question and answer choices

When the game concludes, the Winner Screen is displayed. The Controller Screen provides the final standings and options to end or restart the game, while the Presenter Screen showcases a celebratory animation of the winning team for the audience.

Controller Screen (What you see)

The Controller view with the final scoreboard and game over controls

Presenter Screen (What the audience sees)

The celebratory Presenter view displayed to the audience

Basic Buzz Mode transforms your trivia game into a high-energy competition. In this mode, players use their own smartphones or devices as wireless buzzers. The first person to "buzz in" locks out others and earns the opportunity to answer the question, creating a true game-show experience.

Players can easily join the game by scanning the QR Code displayed on the presenter screen or by clicking the Joining Link provided by the host. This opens the participant portal on their device.

The joining screen where players can scan to connect

Once they've accessed the portal, players simply need to Enter their Name and click the Join button. They will then be ready to buzz in as soon as the question appears.

Step 1: Enter your name to join

Step 2: Successfully connected and ready

Connecting Participants & Starting the Game

As participants join, their names will appear in real-time in the Connected Participants list on the host's screen. You can monitor the total count of joined players at the bottom. Once everyone is ready, simply click the Start Game button to begin the trivia session.

The Question Screen

Once the game starts, the Host Screen provides full control over the question flow and buzzer management. The Participant Screen updates to show a waiting message until the buzzer is opened by the host.

Host Side: Full control interface

Participant Side: Waiting for buzzer

Opening the Buzzer

Once the host is ready for players to respond, they can click the Open Buzzer button on the question screen. This action prepares the game for the competition.

Host Side: The "Open Buzzer" button is ready to be clicked

Participant Side: Waiting for the host to open the buzzer

Once the buzzer is activated, the Buzz button appears on all participants' devices. The first player to tap the button "buzzes in" and is highlighted on the host screen, earning the chance to answer the question.

Host Side: The buzzer is active and waiting for participants

Participant Side: Tap the buzzer to buzz in

When a participant successfully buzzes in, their name is immediately highlighted on the Host Screen, and the buzzer system is locked for all other players. This visual feedback confirms who has earned the right to answer the question.

In scenarios where multiple participants are allowed to buzz in (such as the top 3), any players who attempt to buzz after the slots are filled will see a Buzzer Full notification. This screen confirms that the maximum number of participants has already buzzed in for the current question.

Host Controls & Answer Management

When a participant successfully buzzes in, a control popup appears on the Host Screen, while the Participant Screen updates to allow them to select or provide their answer. This synchronized state ensures both the host and the active player are ready for the next step:

• Edit Score: Click the edit icon next to the points to manually adjust the score based on the participant's answer.
• Pass Turn: If the current player doesn't know the answer, the host can pass the turn. This resets the buzzer, giving other participants another chance to buzz in.
• Close Buzzer: Terminates the buzzing opportunity for the current question, typically used after a correct answer or if no one else knows the answer.

Host Side: Manage scores and buzzer states

Participant Side: Active player can now answer

Correct Answer & Next Question

When the host marks an answer as Correct, the game highlights the right choice on the Host Screen. The buzzer interface is automatically dismissed, and the host can then proceed to the next question:

• Correct Answer: The Host Screen reveals the correct answer (highlighted in green), and the participant's buzzer popup is hidden.
• Incorrect Answer: If the participant is wrong, the host can reset the buzzer. This allows other participants to buzz in and attempt the question again.
• Next Question: Once the round is finalized, use the navigation controls to move to the next trivia challenge.

Winner Screen & Final Results

At the conclusion of the game, the Winner Screen celebrates the top-performing teams or individuals. The final scores are tallied, and the winner is announced with dynamic visuals on both the host and participant screens:

Host Side: Final leaderboard and winner announcement

Participant Side: Final standing celebration

Crowd Mode is designed for large-scale participation, allowing an unlimited number of players to join and interact with your trivia game in real-time. This mode is perfect for live events, conferences, or classroom settings where you want everyone to be involved simultaneously.

As a host, you have a centralized dashboard to manage the game flow. The main screen displays the game title, a large QR code for easy joining, and the unique game code.

Host Dashboard: The central hub for managing your Crowd Mode session

Clicking the Game Settings icon opens a configuration modal where you can fine-tune the gameplay experience.

Configure your game with these specialized Crowd Mode settings

When you click the How to Join icon in the topbar, a clear modal appears for your audience. This helps ensure everyone knows exactly how to connect their devices.

The 'How to Join' modal provides clear steps for participants

Participants can join by scanning the QR code or clicking the shared link. On their device, they will be prompted to enter the game code to enter the session.

Participant Side: Scanning the QR code or entering the game link to join

Once participants join, the host can see them appearing in the "Connected Players" list in real-time. This allows the host to monitor attendance and ensure everyone is ready before starting the game.

Host View: Monitoring connected players in real-time as they join

Once the game begins, the host screen displays the current question and provides a comprehensive set of controls to manage the session. From this screen, you can control the pace of the game, play sound effects, and manage question visibility.

Host View: Full control interface during a live question

Question Screen Host Controls

Clicking the Happy Face icon allows you to choose from various emoji reactions. Once selected, the emoji will appear as a large, full-screen animation on all participants' devices, allowing you to set the mood or react to the game's atmosphere in real-time.

Choose an emoji to display a full-screen reaction to all participants

During the question, the host can monitor participant progress in real-time. By clicking the LEFT button at the top of the screen, a modal appears showing exactly which participants have yet to submit their answers. From this same modal, the host has the option to click END QUESTION to immediately stop the timer and proceed to the results.

View remaining participants and manage the question duration manually

Once participants have submitted their answers or the host reveals the result, the screen displays a real-time breakdown of the responses. You can see the percentage of the audience that chose each option, along with the exact count of participants for every answer.

Answer Statistics: Real-time response breakdown

When the Auto Host or Auto Leaderboardsettings are enabled, the game manages the transitions automatically. After all participants have submitted their responses, a countdown appears, typically giving a 5-second delay before automatically showing the leaderboard or advancing to the next question.

The system automatically counts down before shifting to the leaderboard or next question

At the end of the game, both the host and participants see the final standings. The host screen displays a celebratory winner's podium featuring the top three players.

Host View: Final podium showing the top 3 winners

From the host's winner screen, you can click Export to Excel at the top right to download a detailed report of all participant performance data. The exit icon at the top left allows you to close the game and return to the main dashboard.

On the participant's device, they receive a personal summary of their performance, including their total score, final rank, and the number of correct vs. wrong answers. They can also see a summary of the top three players and access a detailed breakdown by clicking VIEW FULL RESULTS.

Participant View: Individual performance summary and top 3 leaderboard

Classroom Mode is a specialized version of Crowd Mode tailored for educational settings. Instead of a general audience, it uses a predefined list of students from your saved classrooms, allowing for more structured tracking and participation.

As a host, you can easily transition into this mode by selecting a classroom from your list. The host dashboard remains familiar, with controls optimized for classroom management.

Host View: Selecting a predefined classroom to start the session

The Game Settings modal allows you to configure rules like Auto-Submit, Auto-Host, and Leaderboard visibility, ensuring the game fits your teaching style.

Configure your game with specialized Classroom Mode settings

If you want to use a predefined list of students, you can click the Classroom icon. This opens a modal where you can select one of your saved classrooms. Choosing a classroom will seamlessly convert your Crowd Mode session into a Classroom Mode session.

Select a classroom to transition from Crowd Mode to Classroom Mode

Students join by scanning the QR code or clicking the link. Since this is a classroom session, they will see their name in the student list and will be required to enter the PIN provided by the teacher to join the session.

Student View: Selecting their name from the predefined classroom list

Student View: Entering the secure PIN to join the session

As students log in, the teacher can see them appearing in the "Connected Players" list in real-time, ensuring everyone is present before the lesson starts.

Teacher View: Monitoring connected students in real-time

The question screen provides full control for the teacher, including sound effects, font adjustments, and visibility toggles.

Teacher View: Full control interface during a live question

Teachers can use the Emoji Reaction modal to display full-screen animations, providing instant visual feedback and encouragement to the entire class.

Choose an emoji to react to classroom performance in real-time

By clicking the LEFT button, the teacher can see a list of students who haven't yet submitted their answers and can manually end the question if needed.

Identify students who are still working on the current question

After each question, the teacher can review the class performance statistics, showing the percentage and count of students for each answer.

Review how the entire class performed on the current question

Students receive a summary of their performance on their devices. Depending on the teacher's settings, they may submit answers automatically or manually via the submission button.

Student View: Real-time score and performance tracking

Student View: Manual submission confirmation

The final podium celebrates the top students. Teachers can export the full classroom performance report to Excel for grade tracking and analysis.

Teacher View: Final class standings and export options

Student View: Personal performance summary and rank

Presenter Buzz Mode is the professional dual-device version of Buzz Mode. It allows you to manage the game from a private Controller (your laptop/tablet) while displaying the questions and live buzz-in results on a Presenter screen (Projector/TV).

To start, toggle the Presenter switch to ON in your game settings, then click theBuzz In Mode button. This will launch the dual-screen interface where your audience can join via QR code or URL.

Setting up your professional presenter display is a simple 3-step process that ensures your audience sees the action while you maintain full control.

Step 1: Toggle Presenter Mode

In your Game Settings panel, ensure the Presenter toggle is switched ON. This tells TriviaMaker to prepare for a second display.

Toggle the Presenter setting to ON in your game configuration

Step 2: Get your Presenter Code

On your audience-facing device (TV, Projector, or Laptop), navigate to triviamaker.com/presenter. Click on Show Code to generate your unique 6-digit connection code.

The Web Presenter screen showing where to find your connection code

Step 3: Enter Code & Connect

Return to your controller device. A Presenter Control modal will be waiting for you. Type in the 6-digit code and click Connect to Presenter.

Enter the 6-digit code into the Presenter Control modal on your controller

Once the connection is established, your audience can join the game in two ways. As they join, they will immediately appear in the Incoming Playerslist on both the host and presenter screens.

Option 1: Scan QR Code (Host Display)

The host can display a large QR code on their screen. Participants simply scan this with their phone camera to jump straight into the game.

Participants scanning the QR code from the host's 'Ready to Play' screen

Option 2: Join URL & Code (Presenter Display)

The presenter screen also displays a direct join URL and the 6-digit game code. This is perfect for larger audiences who are further away from the screen.

The presenter screen showing the URL and code for incoming players

Participant Experience: Joining & Waiting

When a participant scans the code or visits the URL, they are prompted to enter a Username. After clicking Join Game, their screen will update to show they are successfully in the lobby.

Step 1: Participant entering their username to join

Step 2: Participant waiting for the host to start the game

Presenter Buzz mode uses a specialized workflow where the host controls the timing of questions and buzzers, while the presenter display provides the cinematic experience for the audience.

Phase 1: The Question Phase

When you advance to a question, it is displayed on both the Host and Presenter screens. During this phase, participants are in a "Wait" state, as the host prepares to read the question.

Host/Controller: View the question and control the Buzz-In toggle

Presenter: Large, cinematic question view for the audience

Participant View: Waiting for Buzz-In

While the question is being read, participants see a Wait for Hostmessage. This prevents accidental buzzing before the question is fully understood.

Participant: Screen showing the 'Wait for Host' message before buzzers open

Host View: Managing the question and seeing who buzzed in first

Phase 2: Opening the Buzzer

After reading the question, the host can reveal the answer options. A large OPEN BUZZER button appears on the host screen. Clicking this will activate the buzzers for all participants.

Host/Controller: Reveal options and click 'OPEN BUZZER' when ready

Presenter: Displaying the multiple-choice options to the audience

Phase 3: Buzzers Active

The moment the host clicks OPEN BUZZER, a large red BUZZbutton appears on every participant's phone. On the host side, a "Waiting for Buzzers" modal tracks the first players to respond.

Host/Controller: Modal tracking incoming buzzes in real-time

Participant: The red BUZZ button is now live on the phone screen

Phase 4: The Buzzer Queue

As soon as the first person buzzes in, they are placed at the top of the queue. Their phone screen updates to show their position (e.g., #1 IN QUEUE), while the host sees their name with a SELECT TO ANSWER button.

Participant: Visual confirmation of their place in the buzz-in line

Host/Controller: Identifying the first player and preparing to let them answer

Phase 5: The Active Turn

When the host clicks SELECT TO ANSWER, that specific player is granted the turn. The host sees a "Now Answering" status, and the chosen player's screen updates with an orange YOUR TURN! banner, revealing the question and options on their device.

Host/Controller: Viewing the active player and management options (Pass/Close)

Participant: The screen reveals the question and options for the active player

At the conclusion of the game, the Winner Screen celebrates the top performers. The final scores are tallied, and the winner is announced with dynamic visuals across all three displays:

Host View: Final leaderboard and game summary

Presenter View: Cinematic winner celebration for the audience

Participant View: Personal standing and celebration on their device

Solo Mode is designed for players who want to test their knowledge or practice individually without the need for team scoring or multiple participants.

How to Launch Solo Mode

1. From the Game Preview page, locate and click the primary Play button.

2. A Select Game Mode popup will appear. In the bottom-right corner of this modal, you will find the Play Solo button.

3. Click the Play Solo button to launch the game instantly in Solo Mode.

Solo Mode Gameplay

Once you click Start Quiz, the game begins. You will see the question at the top and the multiple-choice options below.

Answer Feedback

When you select the correct answer, the option will be highlighted in green with a checkmark icon. A celebratory confetti animation will also play across the screen.

Incorrect Answer Feedback

If an incorrect answer is selected, the option will be highlighted in red with an "X" icon. This provides immediate visual feedback that the choice was wrong.

Game Results Screen

Once you complete all questions, a final Results Screen provides a detailed summary of your performance.

The results screen includes:

In the top-right corner of the gameplay screen, you have access to several quick controls to customize your experience:

Assignment Mode is designed for asynchronous learning. It allows you to assign a trivia game to your students or team members to complete at their own pace, with a set deadline.

In your dashboard, you can manage all active assignments. You can see the unique Assignment Link, monitor the Expiration Date, and quickly create a New Assignment.

When players open the assignment link, they are greeted with a professional join screen. To track progress and identify players, they must enter their Full Name and Email Addressbefore clicking Start Assignment.

During the quiz, players can see their real-time performance stats in the top header:

When a player selects the correct answer, it is immediately highlighted in vibrant green with a checkmark icon in the top-right corner of the option.

If a player selects a wrong option, the system provides immediate feedback by highlighting their choice in red and revealing the correct answer in green. The "Wrong" counter in the header will also increase.

Upon completing the assignment, students see a comprehensive summary of their performance:

Embed Mode allows you to seamlessly integrate your TriviaMaker games directly into your own website or learning management system. This provides a professional, branded experience for your audience without them ever having to leave your site.

Before copying your code, you can customize how the embedded game behaves and how results are collected:

If you have enabled Collect Results, players will be prompted to enter their identification details before they can start the quiz. This ensures you can track exactly who submitted which score.

The embedded game features a streamlined header designed for a clean integration:

The interface includes a real-time Circular Timer for each question, a Scoreboard tracking correct vs. wrong answers, and Responsive Controls for font adjustments and exit options.

Correct Answers

Correct selections are instantly highlighted in solid green with a checkmark icon in the top-right corner.

Wrong Answers

Incorrect choices turn red with a close (X) icon, while the correct answer is revealed in green.

After finishing the quiz, players receive a detailed performance summary:

The performance summary displays a circular progress ring with the total score percentage, a breakdown of correct/wrong answers, and the total time taken to complete the quiz.

Once your settings are configured, you can choose between two primary integration methods:

• Embed Script

  The standard method using a small JavaScript snippet. Example: <script type='text/javascript' src='https://triviamaker.com/embed/XXXXX.js'></script>

• iFrame Code

  A traditional iframe approach for systems that don't allow external JavaScript execution.

iFrame Mode provides a robust way to embed your TriviaMaker games using standard HTML container technology. It is highly reliable and offers specific sizing presets to ensure your game fits perfectly within your webpage layout.

When generating your iFrame code, you can quickly select from three professional resolution presets:

When the iFrame loads with result collection enabled, players must first identify themselves. This screen is optimized to fit within the iFrame's dimensions while remaining fully mobile-responsive.

The embedded game features a streamlined header designed for a clean integration:

The interface includes a real-time Circular Timer for each question, a Scoreboard tracking correct vs. wrong answers, and Responsive Controls for font adjustments and exit options.

Correct Answers

Correct selections are instantly highlighted in solid green with a checkmark icon appearing in the top-right corner.

Wrong Answers

Incorrect choices turn red with a close (X) icon, while the correct answer is revealed in green.

After finishing the quiz, players receive a detailed performance summary:

The performance summary displays a circular progress ring with the total score percentage, a breakdown of correct/wrong answers, and the total time taken to complete the quiz.

Players can click the Try Again button to restart the quiz and improve their results.