Instructions
How to Use
1.Place the Plugin Element on Your Page
In the Bubble editor, go to the Visual Elements section and drag the plugin element onto your page. You can place it anywhere—its position won’t affect the functionality.
2.Set the Group ID
Find the ID Attribute of the Floating Group you want to make draggable.
To do this:
3.Select the Floating Group.
In the property editor, scroll down to the ID Attribute field (you may need to enable the "Expose the option to add an ID attribute to HTML elements" setting in Bubble’s settings under General > Advanced).
Enter a unique ID (e.g., myFloatingGroup).
Now, go back to the plugin element you placed earlier.
In the plugin’s properties panel, enter the same ID (myFloatingGroup) in the Group ID field.
4.Preview the Page
Once everything is set, preview your app. You should now be able to click and drag the Floating Group freely on the screen.