🔧 How to Trigger the Fuzzy Popup To trigger the Fuzzy Popup in your Bubble app, follow these steps:

✅ Step 1: Enable Element ID Attribute
Go to your Bubble app’s Settings → General tab.

Scroll down and check the box:
“Expose the option to add an ID attribute to HTML elements.”

🆔 Step 2: Assign a Unique Element ID
In the Design tab, select the element (e.g., a button) that you want to use as the trigger.

In the Property Editor, assign a unique ID Attribute to this element (e.g., openPopupBtn).

📥 Step 3: Set the Same ID in the Popup
Select the Fuzzy Popup element on your page.

In the plugin's properties panel, input the same unique ID Attribute (e.g., openPopupBtn) in the Trigger ID field.

This links the popup to that specific element so it knows when to activate.

🎞️ Step 4: Configure Animations in the Workflow
Go to the Workflow tab and create a new event (e.g., “When Button is clicked”).

Add the action: Show Fuzzy Popup
In the popup action’s workflow properties, choose:
Animation Type (e.g., fade, slide, zoom)
Animation Duration (e.g., 300ms for 0.3 seconds)
Other visual options like alignment or delay if applicable.

All animation behavior is controlled directly through the workflow settings, giving you dynamic control for different use cases.

✅ Done!
You now have full control to display a stylish popup, trigger it from any element, and animate it exactly how you want—all using visual workflows.