# User Profile Card

### Overview

The **User Profile Card** widget in MangoApps allows users to showcase personal profile information, including gamification stats and reward points, directly on the Home dashboard or Newsfeed.

<figure><img src="/files/cDK1NONjXNDA0Px40btZ" alt="" width="563"><figcaption></figcaption></figure>

Once added, the User Profile Card displays:

* Your profile picture and name
* Gamification level and score
* Reward points balance

Admins can also configure the widget background image or add a custom header image for visual appeal.

***

### Configure the Widget

To set up or customize the User Profile Card widget, first add the widget from the widget library.

Once added, click the **gear icon** or settings button on the widget to open the **Set Properties** panel.

<figure><img src="/files/7vissQpHdQEoQrs0QfIk" alt=""><figcaption></figcaption></figure>

**Title**: Change the widget’s title if desired (default is "User Profile Card"). This section can also be toggled off if no visible title is desired.

**Visibility**: <mark style="color:red;">Admin only.</mark> Set who can see the profile card (`Everyone`, `Only Me`, or a specific audience).

**Widget Background Image**: <mark style="color:red;">Admin only.</mark> Choose or upload a background image. Recommended size: **700 x 166 px**.

**Toggle Display Options**:

* `Show Status`: Display your current availability or status.
* `Show Gamification`: Show your gamification score and level.
* `Show Reward Balance`: Show your reward points.
* `Header Image`: <mark style="color:red;">Admin only.</mark> Option to display a header image (disabled by default).

Click the **Save** button to apply any changes.

The customized profile card will now appear, showing the selected details and background.

{% hint style="success" %}
The User Profile Card Widget displays the user's picture, name, and job title, respecting the [visibility settings
&#x20;defined in the People module](https://guides.mangoapps.com/user-guide/people-directory-and-profiles/user-profile/edit-your-user-profile).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guides.mangoapps.com/user-guide/widget-gallery/user-profile-card.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.