# User Profile Page

### Adding the View Profile menu item

In some of our templates you will probably have noticed that when you click on the user icon there is a "View profile" option in the drop-down menu

<figure><img src="https://319575345-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MifpIQWu0HCVYAt51oT%2Fuploads%2Fgit-blob-44db1424b1cc80327567a75145a771cb650dd3b6%2Fview_profile_menu_item.png?alt=media" alt=""><figcaption></figcaption></figure>

In this guide we outline the steps you need to follow to add this page to your app too.

{% stepper %}
{% step %}

#### Create a profile page

Add a new page to your app and, on the right hand side, change the URL property to `profile`

When use use this exact URL for a page we will automatically add the "View profile" menu item to the drop-down menu

<figure><img src="https://319575345-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MifpIQWu0HCVYAt51oT%2Fuploads%2Fgit-blob-a00fa3dfb298f1d02568429d5bf7debb4506a07c%2Furl_path.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Hide the Page

After you have created this page you probably want to [hide it ](https://guides.noloco.io/pages/hiding-pages)from the app menu. You can easily do this by adjusting the "Show in sidebar?" toggle at the very bottom of the page properties

<figure><img src="https://319575345-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MifpIQWu0HCVYAt51oT%2Fuploads%2Fgit-blob-cb55ef414734f393b159e9fdd206669a50c67d82%2Fhide_page.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Filter User Details

In order to limit the data displayed to the logged in user only you will also need to apply the following [filter](https://guides.noloco.io/views/filters)

```markup
id is equal to (=) Logged in User
```

<figure><img src="https://319575345-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MifpIQWu0HCVYAt51oT%2Fuploads%2Fgit-blob-075a06f9a84c9c9491cc461b58b048e234947f11%2Ffilter_user.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

And that's it - now you have a customizable user profile page in your Noloco app.

### FAQs

<details>

<summary>Will this work with Multiple User Lists?</summary>

Yes! If you have [multiple lists of users](https://guides.noloco.io/settings/user-lists#can-i-add-multiple-user-lists) in your app this will still work with the same `/profile`URL, you don't need to make any additional modifications to your app.

</details>