# User Profile

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FYgv7PoqAiqyh0i9pcZf4%2Fuser-profile.png?alt=media&#x26;token=2f0afb5f-4a35-4ad1-967a-b62f12064fc8" alt=""><figcaption><p>User profile block</p></figcaption></figure>

The **User Profile** block allows your users to edit their info and password.

{% hint style="info" %}
The link to the page with the **User Profile** block can be added under [Profile Links](https://softr.gitbook.io/softr-documentation/memberships/..#customizing-button-visibility-on-the-header) when **Show User Profile** is enabled on the **Header**.&#x20;
{% endhint %}

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2F9s5ne1A8qKJaqcYadT5D%2FScreen%20Recording%202022-09-28%20at%2019.24.18.gif?alt=media&#x26;token=39c95456-958a-40b8-a12a-3f1b63c3c1ef" alt=""><figcaption><p>Adding a link to User Profile under Profile Links</p></figcaption></figure>

Now, let's check out what configuration options are available for the block.

## Background Image

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FMpFh3rjSnrzPoUxsTox5%2Fbackground-image.png?alt=media&#x26;token=2788fc9f-a799-46fa-b870-1988eb64aece" alt=""><figcaption><p>Block background image</p></figcaption></figure>

Here, you can set a background image for the block.

## My Profile

### Default Fields

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2F2xvmqn84oGN0YbtrIejG%2Fmy-profile.png?alt=media&#x26;token=2c0ca863-f17c-43d8-9304-2b0f5a3cb6b0" alt=""><figcaption><p>My Profile Default fields</p></figcaption></figure>

Here, you can configure the section **Title** as well as the placeholders of the **Name** and **Email** fields. Please, note that the **Update Profile** button's **Action** is predefined and cannot be changed.&#x20;

Moreover, you have the [Avatar image](https://softr.gitbook.io/softr-documentation/memberships/user-accounts-blocks/user-profile/enabling-user-avatar) field, which can be deleted in case you don't need it.

### Additional Fields

If you've [connected an Airtable users base](https://docs.softr.io/memberships/data/connect-to-airtable) with additional user parameters, you can add more fields to the User Profile block and link them to these parameter field on Airtable, so that your users are able to edit those as well. If there's no Airtable connected yet, you'll see a **Setup Airtable** button, which you can use to connect the Airtable base as described [here](https://docs.softr.io/memberships/data/connect-to-airtable). Let's examine this on a specific example.

Let's say our users are company employees that have a **Position** within the company. To account for that, we have an additional **Position** field in our users Airtable along with its different options.

![Additional Position field](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2F2p60Tx1XzkWqZ2RQpO75%2Fusers-base-b.png?alt=media\&token=10306a7e-a717-483a-8970-f3140d89b520)

So, on the **User Profile** block, we can create a new field and link it to the **Position** field on Airtable.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FpnuD6HaMHtQJxqE3bqQs%2Fposition.png?alt=media&#x26;token=6b9aa655-6c7b-4995-92f2-66067e818feb" alt=""><figcaption><p>Mapping the Position field</p></figcaption></figure>

Now, user will be able to edit their position from the user profile as shown below.

![User changing his/her Position](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FX1Ip1nPORjDOGupXAw47%2FScreen%20Recording%202021-12-07%20at%2019.32.12.gif?alt=media\&token=6282b5ea-9bc8-41e2-8fe4-50569431ac73)

For enabling user avatar, check out [this](https://softr.gitbook.io/softr-documentation/memberships/user-accounts-blocks/user-profile/enabling-user-avatar) tutorial.

### Change Password

Here, you can configure the placeholder texts of the **Change Password** fields and modify the section title.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FwdfPQKr4xW2itlYf0ILu%2Fchange-password.png?alt=media&#x26;token=fecdc6c2-8eb5-45fc-af88-65746ec969f5" alt=""><figcaption><p>Change Password section</p></figcaption></figure>
