Step 4 - Modify Profile Viewer Fields
Profile viewer is a tool available on DSN front-end UI's to help you tell the story without the need to switch to other interfaces. It is available for website, mobile app, and cx app, as well as while using the customer website.
How to modify the content of Profile Viewer:
You can modify which fields and events the profile viewer displays using your project in DSN.
To do that, go to your project and switch to the Profile Viewer tab
Description of Profile Viewer sections
Profile
Events
Offers
Debug
Using dynamic values in Profile Viewer fields
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> 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
- <Name> property for component that have Name set but no Path or Form ID, eg. ${email}
- formData.<Form ID>.<Path> for component that has Form ID and Path set, eg. ${formData.registration.name.firstName}
- formData.<Form ID>.<Name> for component that has Form ID and Name set but no Path, eg. ${formData.registration.email}
- <Attribute selector> 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 for more information on the formatting functions.