Skip to main content
All CollectionsBuild & customizeCreate apps
How to create a leaderboard app
How to create a leaderboard app

Leaderboard app with the quiz. Easy to create and share for your HR team or students.

Updated over 6 months ago

In this guide, we’ll walk you through creating a quiz that features a scoreboard and allows users to search for the top three performers.

Step 1: Create and customize your quiz

  1. Login to Formaloo: Access your account and start building your quiz from the dashboard. Use one of our ready-to-use templates for a quick start.

  2. Personalize appearance: Modify the theme, colors, and visual elements. Choose a background image and customize the button and message text to match your brand’s style. Ensure the design is consistent with your brand’s overall look and feel.

  3. Engage with answer piping: Personalize the quiz by using answer piping to address respondents by their names.

📝 Additional insights:

Step 2: Set up conditional logic and calculations

  1. Access advanced logic: Go to the Logic tab and click on Advanced Logic.

  2. Add If/Else conditions: For each question, add If/Else conditions to assign scores. For example, if the answer corresponds to option 3, +Add 10 to the Total score.

    advance logic

  3. Add an admin-only field: Include an admin-only field to note awards for the top three quiz-takers. This field is for comments or status settings and is editable only by form owners.

    admin only field

Step 3: Add an admin-only field

Include an admin-only field to note awards for the top three quiz-takers. This field is for comments or status settings and is editable only by form owners.

admin only field

Step 4: Cusomize the result page

Open the result page and from the settings, click on the "Culoumns" on the right-side menu where you can select wich columns to show.

Hide unnecessary columns and apply filters to display only important data, creating a clean and focused ranking table. Sort data based on rankings for real-time updates.

Step 4: Add your ranking status

Click on each row and add your comment or status you want to apply for the users.

📣 Pro tip:

Sort data based on Total score to make the rankings easier for real-time updates.

sort data

🗄️ Old dashboard:

Step 1: Create and customize your quiz

  1. Login to Formaloo: Access your account and start building your quiz from the dashboard. Use one of our ready-to-use templates for a quick start.

  2. Personalize appearance: Modify the theme, colors, and visual elements. Choose a background image and customize button and message text to match your brand’s style. Ensure the design is consistent with your brand’s overall look and feel.

  3. Engage with answer piping: Personalize the quiz by using answer piping to address respondents by their names.

Step 2: Set up conditional logic and calculations

  1. Access advanced logic: Go to the Logic and Calculator tab and click on Advanced Logic.

  2. Add If/Else conditions: For each question, add If/Else conditions to assign scores. For example, if an answer corresponds to option 1, assign a score of 15.

  3. Admin-Only field: Include an admin-only field to note awards for the top three quiz-takers. This field is for comments or status settings and is editable only by form owners.

    Add a score for each question to your quiz using logic

Step 3: Create your leaderboard app

  1. Build the app: Create a new folder and include the self-scoring quiz. Alternatively, click on your quiz from the dashboard and start customizing your app.

    Create your leaderboard table
  2. Enhance the app: Add pages and menus to improve user experience. Consider adding a “Block” to prominently display your quiz.

  3. Create ranking table: Add a “New page” and select a “Block.” In block settings, choose your quiz for results, then select “Show Data” and set the data view to “Table.”

    Filter your leaderboard data and sort it based on the rankings
  4. Customize the Table: Hide unnecessary columns and apply filters to display only important data, creating a clean and focused ranking table. Sort data based on rankings for real-time updates.

Did this answer your question?