---
title: Events
slug: docs/events
docTags: 
createdAt: 2023-10-20T13:24:47.146Z
---

The Events section in Profile Viewer is responsible for displaying information about the experience events that are connected to the current user.



::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/NlySwj6BL0OLsQ8XCxtK3_image.png" size="46" width="720" height="1560" position="center" darkWidth="720" darkHeight="1560" showCaption="false"}

### Modifying displayed events in profile viewer

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Open profile viewer and click the gear icon at the top

or

Open your project and switch to profile viewer tab
:::

:::VerticalSplitItem
::Image[]{src="https://images.archbee.com/bAgVaanSi1tFmfc8PghaH/gkdeiLDvK0IPFynkHkhWs_image.png?format=webp" size="54" width="800" height="227" position="center" darkWidth="800" darkHeight="227" showCaption="false"}



![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/3Caqp2OqCzfLtBYb8y0y5_image.png)
:::
::::



::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
In your project, review fields available in **Profile Viewer&#x20;**&#x74;ab section under **Events**. They match the fields that are currently displayed in Profile Viewer on customer website.
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/CTrmV_KE8HZ-uUslpjWpF_image.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Here you can decide which events are relevant for your story and add/remove them per your needs.

You can also update the naming, how they will be displayed in Profile Viewer.

E.g., you can add the **Cart Abandon&#x20;**&#x65;vent with a filter: commerce.cartAbandons

When displaying experience events, Profile Viewer will check the path entered as a filter. If anything exists under that path, the event will be displayed; otherwise, it will be skipped.

You can remove the Page Views there if you want to focus more on dedicated events.


:::

:::VerticalSplitItem




![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/s_QZhDPtTjz_hqkipUqUR_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

- **\<Path>&#x20;**&#x70;roperty 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*
- **\<Name>&#x20;**&#x70;roperty for component that have Name set but no Path or Form ID,
  eg. `${email}`
- **formData.\<Form ID>.\<Path>&#x20;**&#x66;or component that has Form ID and Path set,
  eg. `${formData.registration.name.firstName}`
- **formData.\<Form ID>.\<Name>&#x20;**&#x66;or component that has Form ID and Name set but no Path,
  eg. `${formData.registration.email}`
- **\<Attribute selector>&#x20;**&#x66;or AEP Profile Schema attributes,&#x20;
  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.

