1. Add the Plugin to Your Page - Drag and drop the "Custom State Change Detector" plugin onto your page
- The plugin will appear as an invisible element that monitors state changes
2. Configure the State Property
- In the plugin's properties, set the "State" field to the data source you want to monitor
This can be:
- A Thing from your database
- Any dynamic data (user input, API response, etc.)
- Simple values (text, numbers, booleans)
3. Set Up Event Handling
- In the plugin's events section, configure the "onchange" event
- Add actions that should execute when the monitored state changes
Common actions include:
- Show/hide elements
- Update other data sources
- Trigger workflows
- Send notifications
4. Advanced Configuration (Optional)
- The plugin automatically handles different data types
- For Bubble.io Things: Uses _id comparison for accurate change detection
- For simple values: Uses direct value comparison
- No additional configuration needed for most use cases
5. Testing Your Setup
- Change the monitored data source
- Verify that your configured actions execute
- Check the browser console for any error messages if issues occur