Skip to main content

Dashboard Widgets: Profile Display

Learn how to use the Profile Display widget to show user profile information on your dashboard.

Vivian Zhang avatar
Written by Vivian Zhang
Updated yesterday

Overview

The Profile Display widget displays user profile information on your app home screen, including a user avatar, currency balance and experience points (XP). This widget is great for showcasing the gamification elements of your app and automatically updates to reflect real-time changes in user currency, XP, and level progression.

The levelling up system, in particular, creates a gamified structure that encourages users to consistently engage with your app. As users complete tasks, meet goals, or adopt healthy habits, they can earn experience points toward levelling up, reinforcing positive behaviors.

πŸ“Œ This widget is available for mobile applications only.

Step 1: Add the Profile Display widget to your Dashboard

1. In Cogniss Creator, navigate to Dashboard in the left sidebar.

2. Click on Add new widget in the top right of the page.

3. In the Dashboard widgets library, search for the Profile Display widget and click Add. Return to the Dashboard by clicking on the cross in the top right.

4. The Profile Display widget will now be on your Dashboard and ready for you to configure as needed.

5. Click Save Changes at the bottom of the page.

Step 2: Configure the Profile Display widget

You can customize which elements appear by using any combination of the different display options:

  • Show currencies - Display the user's current currency balance

  • Show XP - Show the user's experience points

  • Show level - Display the user's current level

1. Simply select the profile elements that you would like displayed in the Profile Display widget in your app.

2. Once you have updated the widget, click Save Changes at the bottom of the page.

3. Open your app to preview your Profile Display widget and to test that it works as expected.

Did this answer your question?