Lightning Components

These are the Novigem Lightning Web Components you add to your Salesforce pages via Lightning App Builder.

Leaderboard

Shows the ranked list of all participants. Users see where they stand relative to the rest of the team.

Shows: ranking by total points, points per user, current user highlighted.

Placement: Salesforce Home page (quick view on login), or a dedicated app page.

My Challenges

A personal view of the current user’s active challenges, with progress bars and completion status.

Shows: active challenges, progress toward each goal, points earned per challenge, completion badges.

Placement: Salesforce Home page alongside the Leaderboard works well for a full dashboard.

My Points

The current user’s ledger history: which rules fired, how many points, and when.

Shows: recent ledger entries, points and rule name per entry, running total.

Placement: app page as a detail view, or the utility bar for quick access from anywhere.

Challenge Celebration

An animated overlay that appears when a user earns points or completes a challenge. Shows a confetti animation, the points and rule that triggered it, and any badge earned. If multiple events fire at once (say, a rule award plus a completion bonus), they are combined into one card.

The component subscribes to the Award_Granted__e Platform Event. No page refresh needed.

The Challenge Celebration component is live in Novigem 1.0. Find it in Lightning App Builder by searching for “Novigem Challenge Celebration”.

Shows: confetti animation, points earned with rule name, challenge completion message, badge earned (if one was configured).

Recommended placement:

Place it on the Opportunity record page first. Celebrations appear right where the rep is working when they close a deal or log activity. Also add it to the Salesforce Home page to catch any activity that happened elsewhere.

The component only fires on pages where it is placed. If you only place it on the Home page, a rep working on an Opportunity will not see the celebration until they navigate away. Put it on both.

How to add components

Go to the page you want to update in Salesforce
Click the gear icon and select Edit Page to open Lightning App Builder
Search for the Novigem component name in the left panel
Drag it onto the layout
Save and Activate the page

For the Home page, a two-column layout with the Leaderboard on one side and My Challenges on the other is a good starting point.

Permissions

Users need read access to these objects for the components to show data:

Object	Required for
`Challenge__c`	My Challenges, Leaderboard
`Challenge_Progress__c`	My Challenges, Leaderboard
`Ledger_Entry__c`	My Points
`Badge__c`	My Challenges, Challenge Celebration
`Badge_Award__c`	My Challenges, Challenge Celebration
`Rule__c`	My Points (shows the rule name)

Assign the appropriate Novigem permission set to grant access.