# Enabling User Avatar

Let's see how you can allow your users to upload avatar images to be shown on site header.

### Enabling user profile on header

First of all, you need to enable the "Show user profile" toggle on your Softr app header.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2Ftn9k6Xn469iK32K5GOjr%2Fenable-user-profile.png?alt=media&#x26;token=7a407aa7-7b82-404c-8e4c-b0439a26a290" alt=""><figcaption><p>Show user profile</p></figcaption></figure>

{% hint style="warning" %}
Make sure to update your header block, as the avatar functionality won't work on header blocks created before its introduction.
{% endhint %}

### Mapping the avatar field to Airtable

Now, you need to map the avatar field to Airtable, so that images uploaded by users are stored there. You may or may not have your users base connected to Airtable already. Let's consider the two cases separately as the workflow is a bit different for each.

#### Airtable is not connected

If you haven't connected your users to Airtable, you can do so from the [User Profile](https://softr.gitbook.io/softr-documentation/memberships/user-accounts-blocks/user-profile) block or [Users tab](https://softr.gitbook.io/softr-documentation/memberships/users-tab), mapping the Avatar field. As soon as you do that, the Avatar field will automatically appear on your User Profile block as shown below.

<figure><img src="https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FVqFwT5BeBc4IWTzPViB0%2FScreen%20Recording%202022-09-29%20at%2016.24.34.gif?alt=media&#x26;token=31a30bf0-e4c6-4591-9e41-e6ad507bc86c" alt=""><figcaption><p>Connecting Airtable and mapping the Avatar field</p></figcaption></figure>

#### Airtable is connected

If you already have Airtable connected, you can add a "File" type field in your [User Profile](https://softr.gitbook.io/softr-documentation/memberships/user-accounts-blocks/user-profile) block settings and map it to the corresponding field on Airtable **manually**. Moreover, you need to edit your [Airtable connection](https://softr.gitbook.io/softr-documentation/memberships/users-tab/users/connect-to-airtable) and map **the same** field there as well (**Select Avatar field** option as shown in the screen recording above).

{% hint style="warning" %}
Note that, mapping the field from **BOTH** the **User Profile** block and **Airtable connection** settings is **necessary** for enabling the avatar.
{% endhint %}

### Avatar upload by the user

That's it, now the logged-in users will see an option to upload an avatar on their **User Profile** and can update it at any time. See below how it works.

![User uploading an avatar](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FQD7gVahCZDa0PtZgpw5C%2FScreen%20Recording%202022-03-03%20at%2022.26.07.gif?alt=media\&token=d4b91468-2111-45a2-ac22-4fc751fe1992)
