Skip to main content

Widgets

Widgets provide a quick way to get started without having to develop a custom User Interface (UI). They consist of a collection of UI components which can be used to display your users' status. Each widget has adjustable settings to change its basic behaviour, as described in the previous section, Managing widgets.

You can also manipulate the data model, add additional UI elements, add new translations or completely change the look and feel of the widgets using code. For more details, see the JavaScript SDK documentation.

Available widgets​

Header widget​

The header widget provides users with an overview of their status. Users can see the points they have earned and their current level. By clicking on their profile picture, they will see their progress towards unlocking the next level and access the question mark to open the "How do I earn points" widget.

Profile widget​

The profile widget offers users a detailed view of their status, including all available mechanics such as KPIs, levels, achievements, missions and more. It contains users' available coupons and a summary of all their activities. The profile also provides buttons to access the "How do I earn points" widget and the gifting widget.

Gifting widget​

The gifting widget allows users to give each other gifts in the form of gift badges and/or giftable points. Users can search for each other, select a badge and/or points, and write a message for their peer. When a gift is sent, the recipient receives a notification.

Leaderboard widget​

The leaderboard widget provides users with a way to view the system's configured leaderboards. The widget offers:

  • A Top 10 view showing the top users (number is configurable)
  • A My Rank view showing the user in context (e.g., a user in 25th place will see 5 users above and below their position)

Users can select different time periods and navigate between multiple leaderboards if more than one is configured.

Activity stream widget​

The activity stream widget shows users all activities that have taken place in a given site. When creating activities with Content and Target fields, the activities will appear with links to the underlying content, making them interactive.

Earn points widget​

This widget shows users the list of behaviours they can perform to be rewarded. It's the best way to clearly communicate what is expected from users.

Notification widget​

The notification widget pops up on screen whenever a user performs an activity that unlocks a benefit. Notifications are triggered when a user:

  • Performs a behaviour
  • Unlocks a reward
  • Earns points
  • Receives a gift
  • Receives points from a bounty
  • Completes or makes progress in a KPI