Generate colourful letter avatars from your user names.
How to setup
To use the API call, choose “Get data from an external API” → in opened window choose “Alphabet Profile Image”.
Save response from the API call to a custom state:
Save and attach the image to the user with saving to S3, it will be convenient to add a custom name for the image when saving to S3:
To display the generated image, use image from state or from the current user’s field:
Image from the page’s state
Image from the current user’s field
ℹ️
Note: The background color and Text color fields need to be formatted as a hex colour, without the hash (#). You can use the Find and Replace expression to remove the hash if it is needed.
Plugin Data Calls
Alphabet Profile Image
Generate avatars with initials from names.
Name
Description
Type
Hash
(optional) In order not to send identical requests, hash is used.
Use Current date/time for this field.
Text
Name
The name used to generate initials.
Text
🎨 Background color
Hex color for the image background, without the hash (#). Use
“random” to generate a random avatar.
Text
🎨 Text color
Hex color for the font, without the hash (#).
Text
⚙️ Rounded
Decide if the returned image should be a circle. Default: false
Text
⚙️ Image size
Avatar image size in pixels. Between: 16 and 512. Default: 64
Text
⚙️ Font Size
Font size in percentage of size. Between 0.1 and 10. Default:
0.5
Text
⚙️ Initial Characters
Length of the generated initials. Default: 2
Text
⚙️ Bold
Decide if the returned letters should use a bold font. Default:
false
Text
⚙️ Uppercase
Decide if the plugin should uppercase the name/initials. Default:
false
Text
⚙️ Format
Decide if the plugin should return SVG or PNG. Value can be “svg” or
“png”.