Plugin details
Native sharing capabilities for your Bubble.io application, allowing users to share content (text, URL, and title) directly from their device's native share dialog. It includes a robust fallback mechanism to copy content to the clipboard if the native Web Share API is not supported or fails.
----
Hey Bubblers! π Ready to supercharge your app's sharing capabilities? π EasyShare is here to make it, well, easy! This powerful plugin lets your users share content directly from their devices using the native share dialog. π±π»
Features That Make Sharing a Breeze β¨
- Native Sharing: Say goodbye to clunky share buttons! This uses the Web Share API for a smooth, built-in experience. π€
- Share Anything: Easily share a Title, Text, URL, and even Files from your Bubble app. π
- Smart Fallback: If native sharing isn't available, don't worry! It automatically copies the URL or Text to the clipboard, so nothing gets lost. π
- Enhanced Compatibility: Check if a browser can handle sharing and even detect the user's device type! π΅οΈ
- Comprehensive Events: We've got events for everything: clicked, shared, copied_to_clipboard, files_not_shareable, and error. Integrate with your workflows like a pro! π―
How to Get Started π οΈ
1. Install the Plugin: Find "EasyShare" on the Bubble plugin marketplace and install it. π¦
2. Add the Element: Drag and drop the "EasyShare" visual element onto your page. π±οΈ
3. Configure Properties:
- Element ID: Give the element you want to make clickable a unique ID (e.g., a button, text, or image). π·οΈ
- Title, Text, URL, Files: Fill in the content you want to share. You can leave any of these empty. π
- Fallback Mode: Choose what happens if native sharing fails. You can Do Nothing, Copy to Clipboard, or Trigger Custom Event. βοΈ
- Share Strategy: Optimize your shared content for a specific platform like WhatsApp π’, Facebook π, Twitter/X π¦, Email π§, and more! π
4. Handle Events (Optional): Use the provided events to create powerful workflows. π
5. Check Status & Compatibility (Optional): Use the exposed states like status, is_error, browser_compatible, and device_type to build a seamless user experience. β¨
Important Notes β οΈ
- HTTPS Required: Make sure your app is running on HTTPS for this to work. π
- User Gesture: Sharing must be triggered by a user's click. π
- Empty Properties: Don't worry about empty fieldsβthey'll be ignored. π
- Testing: Always test on different devices to ensure everything looks and works perfectly. π§ͺ
Ready to give your users the best sharing experience? Get started with EasyShare today!