⚙️ All settings have a detailed explanation in the plugin itself, but, in summary, just follow the steps bellow:

1️⃣ - In Bubble's development environment, go to the tab ("Settings" > "General" > "General Appearance" or "Advanced Options" for versions above 22) and check the box that exposes the option to add an ID to HTML elements;

2️⃣ - Create a group with "Aligned to parent" layout, we recommend that this be the group responsible for defining the size (height and width) of the elements or groups that will represent the front and back sides;

3️⃣ - Within the newly created group, you can insert any other elements, alone or grouped in new groups, this will depend on the structure of your design. But basically, you will have to define 2 IDs: an ID for the element or group that will represent the front side and another ID for the element or group that will represent the back side;

4️⃣ - To obtain a better result, we recommend that both sides (elements or groups) should be aligned to the center, and have the same dimensions between them, or fill all the available space of the group created in step 2;

5️⃣ - Finally, set the other plugin settings of your choice, and that's it!