--- title: Profile slug: docs/profile docTags: createdAt: 2023-10-20T13:24:14.150Z --- The profile section in Profile Viewer is responsible for displaying information about the current user. It also has registration and sign-in utilities ### Identities and Profile Details The top section shows the identities information as well as profile details, which are available in AEP for the current user. If you would like to change the fields being displayed there, you can do that by modifying your connected builder project. ### Modifying displayed profile fields in profile viewer ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Open the profile viewer on the website and click the gear icon at the top or Open your project and switch to the profile viewer tab ::: :::VerticalSplitItem ::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/gkdeiLDvK0IPFynkHkhWs_image.png" size="46" width="748" height="212" position="center" darkWidth="748" darkHeight="212" showCaption="false"} ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/afxqFoOYdc8yeB1jd4VWb_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem In your project, review the fields available in the **Profile Viewer **tab section. They match the fields that are currently displayed in Profile Viewer on the customer website. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/8QrZpct3G6gOMvz0PyuAl_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem You can add/remove/modify field names to match your story. In the project example we will add an extra profile field: Shoe size. To do that, click **Add a property **in the **Profile **section. **Label**: *Shoe size* **Path**:*$tenantId.individualCharacteristic.retail.shoeSize* Path can be copied from the AEP UI. You can either use your exact tenant or $tenantId variable - it will be replaced automatically with your proper tenant name In case of arrays use \[] brackets When your changes are done, refresh the web page(website) with the profile viewer to see that the new fields are visible there ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/9c0S7ADhCwsjkER0m1jA3_image.png) ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/jHSD3FgZvHi7bl6IlBwpH_image.png) ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/icxsx2aTGf2FZYT9_oYgG_image.png) ::: :::: **You can update the values displayed in profile viewer also using dynamic values.** To access dynamic value in text (eg. Text component's content) use `${selector}` syntax, where selector matches - **\ **property for component that has Path set and no Form ID eg. `${enrollment.selectedPlan}` - *Tip: You can also use the path selector in the Profile Viewer options to refer to some information in Experience Events titles! For example: `${timestamp}` will refer to `entity.timestamp` value of the particular event* - **\ **property for component that have Name set but no Path or Form ID, eg. `${email}` - **formData.\
.\ **for component that has Form ID and Path set, eg. `${formData.registration.name.firstName}` - **formData.\.\ **for component that has Form ID and Name set but no Path, eg. `${formData.registration.email}` - **\ **for AEP Profile Schema attributes, eg. `${person.name.firstName}` The selectors can be used as inputs for the dynamic values formatting functions, e.g. `${formatDate:YOUR_SELECTOR}` will attempt to format the value behind your selector as a date. See [here](docId:0mrMrRce-kwKEB5mIHPSr) for more information on the formatting functions. ## ## Segments ::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/1lLnU4m7wKptsKzV_H_Ke_image.png" size="56" width="740" height="354" position="center" showCaption="false"} This section displays segments that match the current profile. It should display the same segments you defined and are resolved for the profile in AEP UI. In order to narrow the amount of displayed segments, use the filter available in the project. ::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/lHyudxXyJHrr5zREcM8Qh_image.png" size="40" width="618" height="406" position="center" showCaption="false"} ## Utilities ::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/Gb5ha0FE-StlNAT1aLPfA_image.png" size="66" width="746" height="982" position="center" showCaption="false"} The **Utilities** panel provides quick access to key actions and integrations. - **Actions**: Options to *Register*, *Sign in*, *Reset profile*, and *Direct Call*. - **AEP Links**: Ability to *View profile in AEP* or *Copy link to profile*. - **AJO Links**: Ability to *View profile in AJO* or *Copy link to profile*. - **Commerce**: Includes *Reset Cart* and a disabled *Commerce UI* option. This panel acts as a centralized utility hub, allowing users to manage profiles, access linked platforms (AEP and AJO), and perform commerce-related tasks. **Registration and sign-in utilities will allow you, instead of connecting registration/sign-in form on external website, to use a generic dialog that will send data directly to AEP.**