Advanced Alphabet Avatar

• Automatic Letter Avatars
Converts a user’s name into a visually appealing alphabet avatar.

• Live Refresh on Name Change
The avatar updates instantly whenever the name value changes.

• Click Event Support
Trigger workflows when the avatar is clicked (e.g., open profile, show modal).

• Custom Styling
Control background color, font style, borders, and roundness to match your app’s design.

• Lightweight & No-Code
Simple to set up with no external dependencies or APIs required.

• Open your Bubble Editor.

• From the left panel, go to the Plugins tab.

• Click the Add Plugins button.

• In the search bar, type Advanced Alphabet Avatar.

• Locate the Advanced Alphabet Avatar plugin by Zeroqode and click Install (or Buy if it’s a paid plan).

• After installation, it will appear under Installed plugins.

• Navigate to the Design tab.

• From the Plugins / Visual elements section, locate Advanced Alphabet Avatar.

• Drag and drop the element onto your page.

💡 The avatar automatically adapts to the size of the element, so resize it as needed.

• A user’s full name

• User initials

• Any dynamic text (e.g. Current User's name, Input Name's value)

• List of color – Add a comma-separated list of background colors

• Font – Select the preferred font style

• Font color – Choose the color of the displayed letters

• Text for missing value – Character shown when no name is provided (default: ?)

• Max Letters – Number of letters to display (1–3)

• Letters size – Scale letters between 0 (small) and 1 (large)

• Horizontal letters position – Adjust left/right alignment

• Vertical letters position – Adjust top/bottom alignment

• Is Clicked – Fires when a user clicks the avatar

• Is Hovered – Fires when a user hovers over the avatar

• Open a user profile popup or modal

• Navigate to a user details or profile page

• Create a new Chat

• Reset Write message input

• Scroll to the last entry in RG Chat

• Click Preview in the Bubble editor

• Enter or update the bound name dynamically

• Confirm that:
• Letters render correctly
• Colors rotate as expected
• Letter size and positioning look correct

• Click or hover on the avatar to verify workflow actions fire correctly

• Once confirmed, the Advanced Alphabet Avatar is ready for production use.

• Bubble Plugin Page Update (Logo).

• Marketing update (minor change).

• Minor update (Marketing update).

• Minor update (Marketing update).

• Minor Update (Marketing Update).

• Acquired by Zeroqode.

• Update.

• New options: Max letters (now up to 3), vertical and horizontal letter position, letter size.

• Auto adjust size of the image based on element height.

• New State "Image". Base 64 version of the avatar..

• Added custom missing value.

• Initial Release.