Link to the plugin page:
https://zeroqode.com/plugin/loading-overlay-plugin-for-bubble-1739743318543x983360942618300500
Demo to preview the plugin:
Introduction
The Loading Overlay plugin allows you to display a variety of different overlay screens that can be used as loading screens or transition effects in your Bubble application.
The following overlays are supported:
- Full-Screen Overlay
- Element Overlay
- Text Overlay
- Image Overlay
These overlays can improve your app’s design and user experience by providing clear visual feedback when workflows or processes are running. For example, you can apply an Element Overlay to a signup form while it is being processed, or use a Full-Screen Overlay during page transitions. You can even create branded loading animations by uploading a custom image for the Image Overlay.
Key Features
Prerequisites
Before using the plugin, ensure that:
- You have a Bubble application where you want to implement overlays.
- You understand how to use Bubble workflows (to trigger and hide overlays).
- You have prepared any custom images you want to use for Image Overlays.
- (Optional) You’ve defined the loading text or branding elements you want to display.
How to setup
Step 1 – Install the Plugin
Step 2 – Add the Plugin Element to Your Page
Step 3 – Page Setup
Step 4 – Configure Workflows for Buttons
Plugin Element Properties
Loading Overlay
Element Actions
Show Overlay
Hide Overlay
Plugin Actions
Full-Screen Overlay
Element Overlay
Text Overlay
Image Overlay
