About Badges
Badges gamify engagement by motivating users to work toward personal goals set by site organizers. This article explains how they work and what’s needed to set up badges on your platform.
Reward users for engagement
Badges reward users for engaging with your platform. When they perform an action a specified number of times, they earn a badge that serves as a personal reminder of their accomplishment.
For example, a badge called “Review” might require you to review 3 keynote sessions. Once you review 3 sessions, a checkmark appears next to the badge; You earned it!
Badge requirements are highly configurable so that you can set them up to help your team achieve specific engagement goals. See Set up badges below.
Motivation without competition
Unlike the leaderboard, badges aren’t a competition because users can’t see each other’s badges. They are more personal! This makes them great for 365 sites where users are active asynchronously throughout the year.
Users are motivated to earn badges in two ways:
They can find all of their available and earned badges in the Badges tab in their personal profile. You can set this up with an explanation of how to earn the badge and a link (Earn button) to a page where they can perform the action and start making progress.
Or users encounter badges spontaneously while interacting with the platform. Whenever they perform a badge action, a progress bar appears to reward them. This means they can complete badges without initially knowing about them.
Celebrate milestones with multiple badge levels
By linking multiple badges, you can create “levels.” Only once a user earns the first badge can they move on to earn the second badge, then the third, and so on. The celebration of each milestone motivates users to keep going.
For example, imagine you want to encourage users to favorite 15 feed posts. Instead of making a single badge, you could make three badges, linked like this:
“Favorite Level A" (3 posts) → “Favorite Level B” (5 more posts) → “Favorite Level C” (7 more posts)
Actions and activities. How many times?
Specify how many times they must do the action to complete the badge.
In these locations…
Narrow down the earnable location to only content in specific content buckets (like sessions or the forum). Leave it blank to let users earn anywhere possible.
Sessions
Sub-breakout sessions
In-person sessions
On-on-one meetings
On-demand
Exhibitors
Speakers
Courses (legacy version)
Social feed posts
Forum posts
With these tags…
Narrow down the earnable location to only content with specific tags. Leave it blank to let users earn anywhere possible.
For the Raise Hand action, you must specify the Mainstage or Panel tag.
Then specify the name, image, and other elements. (See Setup recommendations below for suggestions.)
Item | Specifications |
---|---|
Multiple badge levels? | If multiple badges are linked to create levels, specify their order. |
Name | Add a name that appears on the site. (Recommend approximately 35 characters max.) |
URL | (Optional) Add a URL to direct users to another site page when they click the Earn button. This guides users to the content where they can do the action. |
Image | Add an image to represent the badge wherever it appears on the site. It crops to a circle. Small image file sizes help your site load faster. Follow these specifications: Image file size: Below 200 KB unless otherwise specified. Total dimensions: 500 × 500 pixels |
Start date | The date the badge appears on the user’s Badges page and is available to earn. |
End date | The date the badge is removed from the user’s Badges page and is no longer available to earn. We recommend setting this very far in the future so that badges never expire and users can always refer back to those they earned in the past. |
Description message | Describe the action users should take to earn the badge. Users see this description in a pop-up when they click the badge on their Badges page. (Recommend approximately 150 characters max. Beyond that, users can scroll to see more text.) |
Completed message | Add a congratulatory message that users see in a pop-up when they complete the badge. We recommend including a reminder of the description in this message so that users remember what the goal was. (Recommend approximately 150 characters max. Beyond that, users can scroll to see more text.) |
Setup recommendations
Below, we recommend language to use for the Name, Description message, and Complete message, as well as an Image icon.
Action | Badge Name | Font Awesome Image | Singular Description | Singular Complete | Plural Description | Plural Complete |
---|---|---|---|---|---|---|
Favorite |
| Favorite - Image: heart (regular) |
|
|
|
|
Review |
| Review - Image: star (regular) |
|
|
|
|
Attend |
| Attend - Image: calendar-check (regular) |
|
|
|
|
Live Chat |
| Live Chat - Image: comments (regular) |
|
|
|
|
Complete |
| Complete - Image: circle-check (regular) |
|
|
|
|
Start ⚠️Only for legacy courses. |
| Start - Image: circle-play (regular) |
|
|
|
|
Finish ⚠️Only for legacy courses. |
| Finish - Image: flag-checkered (solid) |
|
|
|
|
Comment |
| Comment - Image: comment-dots (regular) |
|
|
|
|
Download ⚠️ The Download action must be attached to the content for the badge to function. |
| Download - Image: arrow-down-to-bracket (regular) |
|
|
|
|
Emoji |
| Emoji - Image: face-smile-plus (regular |
|
|
|
|
Raise Hand |
| Raise Hand - Image: hand (regular) |
|
|
|
|
Learn more
Page:
Gamification and the leaderboard (Client Guidebook)
Page:
Leaderboard / Gamification - CONFIG (JUNO Internal Knowledge Base)
Page:
Actions and Activities (Client Guidebook)
Page:
Earn badges (Attendees)
Page:
Set up Badges (Client Guidebook)
Page:
Badges (Client Guidebook)