MARKETPLACE
PLUGINS
DRAGGABLE FLOATING GROUP
Draggable floating group logo

Draggable floating group

Published May 2025
   •    Updated March 2026

Plugin details

This plugin allows you to make any Floating Group draggable on the screen. Just place the plugin element on your page and enter the ID of the target Floating Group in the "Group ID" field. Once set, users can freely move the Floating Group around by dragging it.

$4

One time  •  Or  $2/mo

stars   •   0 ratings
36 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCode Monster logo
NoCode Monster
Joined 2024   •   10 Plugins
View contributor profile

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.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Data (things)   •   Mobile   •   Containers   •   Technical   •   Productivity   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble