Link to the plugin page: https://zeroqode.com/plugin/alphabet-complete-avatarprofile-plugin-for-bubble-1709630840846x581298373873216500
Demo to preview the plugin:
🔗 Live Demo: https://plugbee-iframes.bubbleapps.io/alphabet
Introduction
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”. | Text |
Return Values: Return type: image
Changelogs
Update: 05.03.24 - Version 1.2.0
- Acquired by Zeroqode
Update: 05.03.24 - Version 1.1.0
- updated description
Update: 08.12.23 - Version 1.0.6
- Update
Update: 10.08.23 - Version 1.0.5
- Small update
Update: 04.08.23 - Version 1.0.4
- Small update
Update: 29.07.23 - Version 1.0.3
- Small fix
Update: 29.07.23 - Version 1.0.2
- Transfer to Flusk
Update: 20.08.22 - Version 1.0.1
- Update
Update: 17.08.22 - Version 1.0.0
- First
Update: 07.08.22 - Version 0.0.1
- First