BadgeOS Interactive Progress Map Overview

Installation / Setup Instruction:

The following are the step by step instructions to setup BadgeOS Interactive Progress Map Addon:

Install and Activate the BadgeOS plugin.
Install and Activate the BadgeOS Interactive Progress Map Addon.
BadgeOS Progress Map menu will show with the BadgeOS menu.

License:

Interactive Progress Map addon license key can be inserted at the BadgeOS Progress Map menu.

Settings:

Interactive Progress Map Achievement Types Settings:

Navigate to BadgeOS > Achievement types.
Click at the desired achievement type to enable the interactive progress map feature by checking the option Display in Progress Map at the achievement type edit page.

Interactive Progress Map Ranks Types Settings:

Navigate to BadgeOS > Ranks types.
Click at desired rank type to enable the interactive progress map feature by checking the option Display in Progress Map at the rank type edit page.

How to add Progress Map Shortcodes:

Achievements Interactive Progress Map:

Follow these steps to add the Interactive Progress Map shortcodes:

Navigate to WP Dashboard > Pages.
Click at Add New.
Click at Add BadgeOS Shortcode button above the classic editor.
Select Achievements Interactive Progress Map from the first dropdown.
Select the desired Achievement Type(s) for the Achievement Type(s) field.
Select Limit (Number of achievements to display).
Select the desired Status.

There are three types of status you can add:

All Achievements:

All achievement filters will list all the achievement including completed achievements or not completed achievements.

Completed Achievements:

Completed achievement filter will list only those achievements types that have been completed by the user.

Incompleted Achievements:

An incompleted achievement filter will list only those achievement types that have not been completed all its achievement by the user.

Select the sorting parameter i.e Achievement ID, Achievement Title, etc from the Order By field.
Select the sort order i.e ascending or descending from the Order field.
Click the Insert Shortcode button.
Publish the post.

Backend:

Frontend:

Note: You can add this shortcode at any post following the same steps.

Rank Interactive Progress Map:

Follow these steps to add the Interactive Progress Map shortcodes:

Navigate to WP Dashboard > Pages.
Click at Add New.
Click at Add BadgeOS Shortcode button above the classic editor.
Select Rank Interactive Progress Map from the first dropdown.
Select the desired RankType(s) for the Rank Type(s) field.
Select Limit (Number of ranks to display).
Select the desired Status.

There are three types of status you can add:

All Ranks:

All ranks filters will list all the ranks including completed ranks or not completed ranks.

Completed Ranks:

Completed ranks filter will list only those ranks types that have been completed by the user.

Incompleted Ranks:

An incompleted rank filter will list only those ranks types that have not been completed by the user.

Select the sorting parameter i.e Rank ID, Rank Title, etc from the Order By field.
Select the sort order i.e ascending or descending from the Order field.
Click the Insert Shortcode button.
Publish the post.

Backend:

Frontend:

Note: You can add this shortcode at any post following the same steps. Shortcodes will only show those achievement types and Rank Types in which display in progress map option is checked.

Video Tutorial: