How to Add Avatars

Type: How-to | Audience: End-user | Goal: Display profile/avatar images

Adding an Avatar Block

1. Hover the gap between two rows and click the + button to add a row (pick any layout in the Add row dialog).
2. Click an empty column inside the row, then pick Avatar in the Add block dialog.
3. Click the new block to open its settings in the sidebar.

Image Source

Use the Image URL field to set the avatar image URL. Typically you bind this to a dynamic data field such as a Pipedrive user photo or person photo URL using resource.field syntax.

If the URL resolves to a valid image, the avatar displays that image.

Fallback Text

Use the Fallback Name field to define fallback text shown when no image is available. This is typically a person's name -- the avatar automatically extracts initials from the first two words (e.g., "John Doe" becomes "JD").

You can use static text or bind it dynamically via the Data Picker.

Size Selection

Choose the avatar size from the dropdown:

• Small (32px)
• Medium (40px) — default
• Large (56px)