How to set up DragBlocks in 3 minutes:
Step 1: Prepare your Repeating Group 📋

1- Go to your Bubble app's Settings > General and check the box that says: "Expose the option to add an ID attribute to HTML elements".

2- Place a Repeating Group on your page.

3- Scroll to the bottom of the Repeating Group's properties and type a unique name in the ID Attribute field (e.g., my-list).

Step 2: Add the DragBlocks Element 🧱

1- Drag the DragBlocks element onto your page (it will be invisible in preview).

2- In the plugin properties, paste the exact same ID into the RG ID field (e.g., my-list).

Step 3: Save the New Order (Workflows) 💾

1- Go to the Workflows tab and add a new event: Elements > A DragBlocks - Item Reordered.

2- This event triggers the moment the user drops the card.

3- Use the plugin's exposed states (This DragBlocks's Old Index and This DragBlocks's New Index) to update your database using Bubble's Make changes to a list of things action.

🎯 Optional: Using a Drag Handle (Icon)
If you only want users to drag the item by clicking a specific icon (like a grip ☰) instead of the whole card:

1- Add an Icon inside your Repeating Group cell.

2- Give that Icon an ID Attribute (e.g., drag-grip).

3- In the DragBlocks element properties, type drag-grip into the Drag Handle ID field.
Magic! Now only the icon will trigger the drag action. ✨