Achievements block lets you display a list of achievements anywhere. Example:
About Badge
This badge can be unlocked by visiting the about this demo page.
Mega Badge
The unique way to unlock this badge is by using Energy.
Visit the Credly demo
This badge can be unlocked by visiting the achievements synced with Credly page.
Unlock using points
The unique way to unlock this badge is by using Points.
Watch a short video
Unlock this achievement by watching a short video of 6 seconds.
1 Step
- Watch the Youtube video from this achievement description
Achievements of a single type
Achievements block can be configure to display only the achievements from the types of your choice. Example showing only Badges:
About Badge
This badge can be unlocked by visiting the about this demo page.
Mega Badge
The unique way to unlock this badge is by using Energy.
Visit the Credly demo
This badge can be unlocked by visiting the achievements synced with Credly page.
Unlock using points
The unique way to unlock this badge is by using Points.
Watch a short video
Unlock this achievement by watching a short video of 6 seconds.
1 Step
- Watch the Youtube video from this achievement description
Visit the Badgr demo
This badge can be unlocked by visiting the achievements synced with Badgr page.
Filters
Additionally, Achievements block includes options to change the visibility of the filter and search fields. Example with the filter and search disabled:
About Badge
This badge can be unlocked by visiting the about this demo page.
Mega Badge
The unique way to unlock this badge is by using Energy.
Visit the Credly demo
This badge can be unlocked by visiting the achievements synced with Credly page.
Unlock using points
The unique way to unlock this badge is by using Points.
Watch a short video
Unlock this achievement by watching a short video of 6 seconds.
1 Step
- Watch the Youtube video from this achievement description
Visit the Badgr demo
This badge can be unlocked by visiting the achievements synced with Badgr page.
Show earned achievements only
Achievements block includes the option “Filter Value” that lets you configure the initial value of the filter input.
Thanks to the ability to hide the filter and search, you can combine the ability to hide the filters and provide an initial filter to show to your users the achievement list of your choice without the possibility to change it.
Following example shows the achievements earned only thanks that Achievements block has been setup to hide the filter and with the initial filter value of show completed achievements:
Display Options
All display options that can be applied on the Achievement block can be applied on Achievements block too.
Additionally, there are some options exclusive of the Achievements block like the “Columns” option or the options to setup the order of the achievements.
Example applying 4 columns, top layout and hiding the description and steps:
Reminder! The shortcode version of this block is the [gamipress_achievements] shortcode.
