◼️Badges

Badges are digital symbols awarded to players for achieving specific milestones, completing tasks, or demonstrating particular skills or behaviors. They serve as recognition of the players’ accomplishments and progress. With Smartico you can create different badges and add multiple stages to them. Once the stages are completed the players receive the badge as a reward.

Settings on Badge Level

You can configure badge visibility through various options. Some settings are managed at the badge level, while others are managed at the label level. Badge-level settings control the badge's appearance before it's earned or after the first stage is completed. You can choose to display the badge in an inactive state (greyed out) or not display it at all until players earn the badge or complete the first stage. These options can be different for every single badge.

Below are the available settings that can be configured on the badge level along with their explanations:

  • Badge visibility when not earned - defines the badge's visibility before it is earned or before the first stage is completed. It could be not visible at all or visible but greyed out. There are two options: ‘Hide Badge if not earned’ and ‘Show badge if not earned’.

    • When the ‘Hide Badge if not earned’ is selected, the badge will not be visible to the players unless all stages of the badge are completed.

    • If the ‘Show badge if not earned’ option is selected, the badge is visible to the players but greyed out. Once the first stage is completed, it becomes active and colorful.

  • Show Badge if 1st stage completed - Defines what will be the behavior of the badge after the 1st stage is completed. You can choose to expose the badge when the 1st stage is completed or to expose the badge only after all stages are completed. The ‘Show Badge if 1st stage completed’ option can be enabled/disabled only after the ‘Hide Badge if not earned’ is selected, otherwise, it stays inactive.

Potential combinations of these settings and their corresponding behaviors:

  • ‘Hide badge if not earned’ selected + ‘Show badge when 1st stage completed’ disabled = the badge will not be visible to the end user in the gamification widget, it will become visible only when all stages are completed

  • ‘Hide badge if not earned’ selected + ‘Show badge when 1st stage completed’ enabled = the badge is not visible to the end user in the gamification widget, but when the 1st stage is completed, it appears in the widget. The players can check the progress and the tasks to complete the next stage.

Example of Badge when 1st stage is completed
  • ‘Show badge if not earned’ selected + ‘Show badge when 1st stage completed’ enabled (cannot be edited) - the badge will be visible to the end user in the gamification widget but it's inactive (greyed out). Once the 1st stage is completed the badge becomes active and colorful. The players can check the progress and the tasks to complete the next stage.

Example of Inactive badge in the Gamification Widget
circle-info
  • If the badge has only 1 stage and ‘Hide badge if not earned’ is selected, it will appear in the gamification widget after the stage is completed no matter if ‘Show Badge when 1st stage completed’ is enabled or not.

  • Keep in mind that the 1st stage is a 'secret' and will not be exposed to the end user in the gamification widget unless 'Show future stages of the Badge' is enabled on the Label level for all badges.

Example of earned badge with only 1 stage

Settings on Label Level

The settings on the Label level are responsible for the visibility of the Future stages in the badge and the possibility of opening a badge pop-up if the badge is inactive. These options are applied to all badges and cannot be different for every single badge.

circle-check

The settings configured at the label level include - 'Show future stages of the Badge' and 'Open badge if not earned'. Both Settings are disabled by default.

  • Show future stages of the Badge - when enabled, players can view the names of future badge stages by clicking on them. When disabled, future badge stages are hidden, preventing players from accessing information about upcoming stages.

Example of exposed future stages of the badge
  • Open badge if not earned - when enabled the players can open the badge pop-up even if they haven't completed the 1st stage yet. The badge will be greyed out.

Example of 'Open Badge if not earned' - Enabled

Potential combinations of these settings and their corresponding behaviors:

  • ‘Show future stages of the Badge’ enabled and ‘Open badge if not earned’ enabled - The future stages of the badges will be displayed inside the Badge pop-up no matter if the badge is earned or not by the player. The players will be able to open the Badge pop-up even if the badge is not yet earned or the 1st stage is not completed yet. In such case, the image will be greyed out.

Example of not earned badge with exposed future stages
  • ‘Show future stages of the Badge’ enabled and ‘Open badge if not earned’ disabled - The future stages of the badges will be displayed inside the Badge pop-up. The players will NOT be able to open the Badge pop-up if the badge is not earned or unless the 1st stage is completed (depending on the configurations done on a Badge level).

  • ‘Show future stages of the Badge’ disabled and ‘Open badge if not earned’ disabled - The future stages of the badge will not be displayed inside the Badge pop-up. In cases where the players complete some stages, the completed stages (including the current) will be displayed, but the future ones will not be displayed. The players will NOT be able to open the Badge pop-up if the badge is not earned or unless the 1st stage is completed (depending on the configurations done in a Badge level).

  • ‘Show future stages of the Badge’ disabled and ‘Open badge if not earned’ enabled - The future stages of the badge will not be displayed inside the Badge pop-up. In cases where the players complete some stages, the completed stages (including the current) will be displayed, but the future ones will not be displayed. The players will be able to open the Badge pop-up even if the badge is not yet earned or the 1st stage is not completed yet. In such case, the image will be greyed out.

Categories in Badges

You can create different categories and add various badges inside. The categories will be displayed in the badges section one after the other with all the badges inside of them. If some badges are not assigned to a category they will be displayed in the last Other category. You can set the order for each category and define in which they will be shown in the Gamification Widget.

Once a category is created you can add badges inside by going to the badge template and choosing the category.

Example of Badges Categories

If there are no badge categories all badges will be displayed together.

Example of badges without categories

Manually complete badges for a specific user segment

You can manually complete a badge for a specific user segment. This is useful in cases where users have already met the badge criteria before it was created. For example, if you introduce a KYC badge but some users completed KYC earlier, you can retroactively award them the badge and its rewards. The Manual Complete option is available in the badge template under the ‘More’ dropdown.

Note:

  • By manually completing the badge, all stages will be completed

  • The badge will be awarded to the players

Badge Sorting

'Badge Sorting' is a Label setting that lets you control how Badges are sorted in the UI. You can choose between:

BO: Label Setting -> Badge Sorting
  1. Show Completed Badges First

Badges are sorted by their completion status:

  • Completed badges – shown first

  • Unlocked but not completed – shown next

  • Locked badges – shown last

  1. Sort Badges by Priority

Badges are sorted according to the priority set in the badge template in the BO.

GF Widget: Sort badges by Priority
GF WidgetL Show Completed Badges first

Availability period for Badges

The 'Availability period' in Badges is located in the ‘Advanced’ section of the badge template and it allows you to define a start and end date for each badge. A badge can appear in different states depending on its visibility settings, start/end dates, and player progress.

BO: Availability period in Badges

I. Badge visible before being earned

Before the Start Date

  • The badge is visible in the UI.

  • Displayed in a greyed-out state.

  • Shows a ‘Locked by date’ status.

  • Players cannot make progress.

GF: Badge with Start date
GF: Modal for badge with Start date

After the Start Date (before completion)

No progress, no end date:

  • Badge is greyed-out.

  • No ‘Locked by date’ status.

No progress, with an end date:

  • Badge is greyed-out.

  • Displays a date chip showing the End Date.

GF: Not earned Badge with End date

Some progress, with an end date:

  • Badge is colorful (active state).

  • Displays a date chip showing the End Date.

GF: Badge with some progress and End date

After the End Date

Not started:

  • Badge is greyed-out.

  • Shows a ‘Expired’ status.

GF: Not started Badge after End date

Started but not completed (in progress):

  • Badge remains colorful.

  • Shows a ‘Expired’ status.

GF: Not earned Badge after End date

Completed (at any time):

  • Completed badges are always displayed as colorful.

  • No chips, dates, or statuses are shown.

GF: Completed Badge

II. Badge not visible until progress is made

Before the Start Date:

  • Badge is hidden from the UI.

  • Players cannot progress.

After the Start Date:

  • Badge is still hidden initially.

  • Players can start progressing.

  • Once the required visibility condition is met (e.g. first stage completed or all stages completed), the badge becomes visible in the UI

After the End Date:

Not completed:

  • Badge remains hidden.

  • Badge is no longer available for completion.

  • No ‘Expired’ status is shown since the badge was never visible.

Completed before the End Date:

  • Completed badges are shown normally:

  • Colorful

  • No chips or date labels

Last updated

Was this helpful?