1. Place the Plugin Element on the Screen Drag and drop the "Outside Click Tracker" element from the plugin library onto your Bubble.io page. This element is invisible on the page but essential for the plugin to function.
2. Set Up an Action to Start Tracking Outside Clicks
In the Bubble Editor, navigate to the workflow section where you want to start tracking outside clicks.
Add a new action and select the "Start Tracking Outside Click" action provided by the plugin.
In the action editor, specify the target element's ID that you want to monitor for outside clicks. Ensure the target element has a unique ID set in its properties.
3. Catch Outside Clicks and Run Specific Actions
Create a new workflow that triggers when the plugin detects an outside click.
Use the "Outside Click Detected" event provided by the plugin as the trigger for this workflow.
Add the desired actions you want to run when an outside click is detected. This could include hiding an element, resetting form fields, closing a popup, etc.