Homepage Widgets

Homepage Widgets

The homepage of your learning platform features a variety of widgets designed to give you quick access to key information. These widgets provide personalised insights, progress updates, and convenient shortcuts, each tailored to support your individual learning journey.

Whether you're tracking your own development or simply looking for a clear overview of your progress, the homepage widgets make it easy to stay informed and take the next step.

🏅 Top Learners and Performers Leaderboard

Top Learners Leaderboard

What it shows:
The Top Learners widget highlights individuals who have achieved the highest completion rates across their assigned learning. These are displayed as percentages alongside the learner’s name.

How it’s filtered:
This widget is filtered based on a specific profile field—such as store, position, or team—defined by the administrator. This means learners will only see top performers within their own group, not the entire organisation.

For example:

• If the filter is set to “Store”, each learner will see a leaderboard showing only users in the same store.
• If set to “State”, it will show only the highest achievers in that State.

For Students:
You can use this widget to track your standing compared to peers in your group. It’s a great motivational tool to see where you rank and set goals for improvement.

Top Performers Leaderboard

What it shows:
The Top Performers widget displays performance data by group rather than individuals. It would show the average progress completion of all learners in a particular store, team, or state.

How it’s filtered:
The grouping is also set by the admin and can align with any profile field used in the platform, such as store, state, department, team, etc.

All learners will see the same list of top-performing groups based on this setting.

For Students:
It helps you understand how your team or group compares to others across the organisation.

---

⚙️ How the Widgets Are Set Up (For Admins)

To add or modify either widget:

1. Go to Admin → Settings → Homepage Editor from the main menu.
2. Click Add a Homepage Section, a new window will appear prompting you to configure the widget.
3. Provide a title and select “Top Learners” or “Top Performers” from the dropdown menu.
4. Click Add.
5. In the pop up, choose a background colour that matches your brand or layout.
6. Select the appropriate filter field that determines what data will be shown to each user.
       • Top Learners: Displays individual users with the highest completion within the same filter group as the logged-in user.
       • Top Performers: Displays grouped results across the whole organisation based on the selected filter field.
7. Click Save Changes. The popup will close automatically.
8. Scroll down to find the newly created widget, and drag it to your desired order by using the six-dot icon on the left side.
9. To manage visibility, reopen the widget, switch to the Permissions tab.
10. Click on the “+” icon to add permission rules. Choose the desired user groups, roles, or filters to control who can view the widget.
11. Once ready, click Apply Permissions.
12. Return to the homepage to ensure the widget is now visible to the correct users based on the permissions and filter settings applied.

---

🧠 Tips

• Real-time updates: The data updates automatically based on learner activity.
• Custom appearance: Colour and title can be customised for each widget.
• Smart visibility: Learners only see what’s relevant to them, based on their profile settings.

📈 Completion Data Widget

The Completion Data widget provides learners with a personal overview of their training progress, right from the homepage. It presents a clear, visual breakdown of assigned training by showing how much is Completed, In Progress, or Not Yet Started.

This widget is visible only to the individual user viewing it. Learners will see only their own progress data, helping them stay focused and informed about their learning journey.

What it shows:
The progress bar is broken into three colour-coded sections:

• Completed – Shows the number and percentage of fully completed courses.
• In Progress – Shows the number and percentage of courses currently underway.
• Not Started – Shows the number and percentage of courses yet to begin.

These figures are automatically updated in real time as the learner completes their activities.

---

⚙️ How to Add the Completion Data Widget (Admins)

To add or customise this widget:

1. Go to Admin → Settings→ Homepage Editor from the main menu.
2. Click Add a Homepage Section, a new window will appear prompting you to configure the widget.
3. Provide a title and select “Completion” from the dropdown menu.
4. Click Add.
5. In the pop up, choose a background colour that matches your brand or layout.
6. Click Save Changes.
7. Scroll down to find the newly created widget and drag it to your desired order by using the six-dot icon on the left side.
8. To manage visibility, reopen the widget, switch to the Permissions tab.
9. Click on the “+” icon to add permission rules.
10. Once ready, click Apply Permissions.
11. Return to the homepage to confirm the widget appears for the intended users.

---

🧠 Tips

• Private view: Data is only visible to the user, creating a personalised experience.
• Encourages ownership: Promotes motivation and accountability for learning goals.
• Real-time updates: Progress is updated instantly as learning occurs.
• Custom appearance: Colour and title can be customised for each widget.

This widget is a simple but powerful way to promote self-awareness and progress accountability across the platform.