1. Begin by installing the Skeleton Preloader Plugin for your Bubble app. 2. Navigate to your Bubble app settings, then go to "General" and ensure that the "Expose the option to add an ID attribute" option is checked.
3. Once installed, drag the Skeleton Preloader element onto your app canvas.
4. For each element where you want to display the skeleton preloader before loading data, enter the respective element IDs in plugin element id option.
5. Separate multiple IDs with spaces (e.g., "element1 element2 element3"), ensuring proper spacing.
6. Optionally, specify the duration in milliseconds (e.g., 1000) for displaying the content loader.
7. Click on the "Preview" button to observe the outcome.