Fully customizing your Trivia game works on different levels. In this article, you'll learn both basic and advanced configuration options for your game's look and feel.
Using a SocialPoint Theme
We’ve loaded many different themes to make your life easier. To set a theme, follow these steps:
Click on the Edit button on your game
Click on the Theme tab and then Switch Theme
Browse our themes and select the one you like the most. Click on Apply Theme to continue.
Any theme you choose will override all screens, so if you’ve customized something before be sure to save your graphics and colors to your computer.
Customizing the Player App
You can fully customize your player's experience by uploading your own content or using some of our pre-loaded themes.
Adding your Content
You want to make sure people know the name of your game and also get some insight as to what type of questions will be available once they start playing.
To get started, follow these steps:
Click on the Edit button on your game
Scroll down to Mobile Trivia Options
Personalize both the Title and Description fields.
Pre-Loaded themes
To access our themes:
Click on the Edit button on your game
Click on the Theme tab and then Switch Theme
Select a new theme and then click on the Apply Theme button
Adding your own graphics
The player app was designed to be integrated into your Event App or embedded into a virtual trivia platform.
Background Image:
Formatting includes a background image:
Get the template: Adobe Illustrator, Canva
1920x1080px, under 5MB, JPG or PNG
Background image uses a Center-Top alignment. Add your main assets to the center of the image for maximum impact on any viewport. We highly recommend using abstract art.
Hot Tip: Set the graphic dimensions to the widest viewport that you expect players to use. If players will open the game on their desktop computer set the dimensions to 1920X1080 to be safe.
Font Choices
SocialPoint mobile trivia works with the following fonts
iPad Kiosk
To fully customize the iPad design, use these templates:
iPad Main Screen: Adobe Illustrator, Canva
iPad Info Screen: Adobe Illustrator, Canva
iPad Game Play Screen: Adobe Illustrator, Canva
Click here to get the Graphics Guide.
If you're using iPads for an in-person game, head over to Trivia > Configurations and do the following:
Set the Devices Used field to iPad Kiosk or Both iPad Kiosk and Mobile/Web
Select your iPad screen size
Head over to the Theme tab and click on the Edit button under the Player App (iPad) thumbnail to access the layout screen
From here, you can upload your own background, edit the fonts, and change your color scheme.
Customizing the Player App Buttons
Basic button customization is simple and straight to the point: you can choose a color, a font type, and a font color for your in-game buttons. You also get a preview to the right so you can have an idea of how the buttons will look in your game.
Advanced Style Options and Advanced Color Options will allow you to take button customization further by rounding button edges, making the borders thicker or thinner, and also giving you the choice of modifying how answer buttons look.
Customizing your live Leaderboard
The leaderboard is one of the most popular places to create graphics and branding for your game. Here, the top scores will be displayed for everyone to see.
Choose between a 5, 10, or 20-person leaderboard template or create your own.
Download our Adobe Illustrator templates, or edit them in Canva:
5-Person Leaderboard: Adobe Illustrator, Canva
10-Person Leaderboard: Adobe Illustrator, Canva
20-Person Leaderboard: Adobe Illustrator, Canva
Alternatively, you are welcome to create a custom leaderboard template for your game. If you choose to do a custom leaderboard template, you are welcome to make the following changes:
Screen size (Our default is 1920 X 1080).
Number of rows and columns
Spacing
Row Size
Font Size
Ranking numbers: (On or Off)
Add a logo, give it a size and position
Once you add your leaderboard graphics, you can adjust the placement of the logo, player names, scores, columns, fonts, sizing, etc.
Click on Preview Leaderboard to see your work.
Question Screen (Live Trivia only)
This screen is used in Live Trivia to review the trivia questions.
Download our Adobe Illustrator templates, or edit them in Canva:
Live Trivia Question Screen: Adobe Illustrator, Canva
Upload your image and then click Update at the bottom of the Screen
Hot Tip: selecting Custom as your Layout Style will allow you to change the font sizes and positions
Live Results (Live Trivia only)
This screen is used in Live Trivia to review the trivia questions and the percentage of correct/incorrect answers.
Create a 1920x1080px graphic
Results template: Adobe Illustrator, Canva
(Optional) Configure the colors and fonts:
Background Color (Or graphic)
Question Size and Font Options
Answer Size and Font Options
Correct Answer Circle Color and Track Color
Incorrect Answer Circle Color and Track Color
Add a logo, give it a size and position
Upload your image and then click Update at the bottom of the screen
