How to Use the Gravatar URL Generator This plugin provides a simple way to convert any email address into a globally recognized Gravatar profile image URL.

1. Visual Element (Frontend/UI)
Place the "Gravatar URL Generator" element on your page to display user avatars dynamically.

Initial Setup: Set the email property in the element editor (e.g., Current User's email).

Exposed State: Access the resulting image link via Gravatar URL Generator A's gravatar_url. You can use this directly as the image source for any Bubble Image element.

Element Action: Use the workflow action "Update email" to refresh the avatar if a user types a new email address into an input field.

2. Workflow Action (Backend/Logic)
Use the "Gravatar URL Generator" server-side action for logic-heavy workflows.

Input: Provide the email address you want to hash.

Output: Access the URL using Result of Step X's gravatar_url.

Use Case: Perfect for saving a Gravatar link directly to your database during a "Sign the user up" workflow.

Pro Tips:
Fallback Images: If an email doesn't have a registered Gravatar, the plugin automatically generates a unique "Identicon" geometric pattern so your UI never shows a broken image.

Privacy: The plugin automatically trims whitespace and converts emails to lowercase before hashing, ensuring a valid URL every time.


Demo Editor: https://bubble.io/page?id=hks-demos&test_plugin=1775226373493x243287994150158340_current&tab=Design&name=gravatar_url_generator&type=page&elements=cmMjZ0

Demo View: https://hks-demos.bubbleapps.io/version-test/gravatar_url_generator