Swapeasy - Drag and Drop Group & RG

⚙️ All settings have a detailed explanation in the plugin element itself, but, in short, just follow the steps below:

1️⃣ In Bubble's development environment, go to the tab "Settings" > "General" > "Advanced options" and check the box that "Expose the option to add an ID attribute to HTML elements";

2️⃣ Build the required structure as exemplified in the documentation;

3️⃣ Assign an ID to the target element (the main container of your structure);

4️⃣ Insert the "Swapeasy" element anywhere on the page and make sure it is always visible;

4️⃣ In the plugin's Element ID field indicate the ID assigned to the container in step 3;

5️⃣ Set the Swapeasy settings as desired, such as:

💠 Interaction and swap mode
💠 Animation type
💠 Drag mode and direction
💠 Custom styles
💠 Persistent order
💠 And more...

6️⃣ And that's it, the plugin will do all the rest for you. Easy like that!