User variables in custom components

Learn how to use custom components to personalize content by incorporating user variables from Zephr.

You can use custom components to personalize content and provide customized end-user journeys by exposing first-party user data stored in Zephr

To add a user attribute to a custom component block, complete the following steps:

Navigate to the custom component block in which you want to display user data, in either of the following ways:
- Select the custom component block outcome in your feature, as described in the Edit an Outcome topic
- Add a new outcome as described in the Add an Outcome topic
Enter the user variable in the text box using the following format, where is the slug of the related user attribute:
```
{{blaize.user.<ua-slug>}}
```

For example, you can add a user variable for the end user’s first name using the slug for the First Name user attribute.

For a registered user with a first name of Gwen, this would display as illustrated below:

Welcome to Zuora Product Documentation