EasyShare logo

EasyShare

Published September 2023
   β€’    Updated this month

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!

Free

For everyone

3.5 stars   β€’   2 ratings
134 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Balacode logo
Balacode
Joined 2015   β€’   24 Plugins
View contributor profile

Instructions

EASYSHARE PLUGIN INSTALLATION GUIDE πŸš€
πŸ›’ FOR PUBLISHED PLUGIN (FROM BUBBLE MARKETPLACE)

1. Log in to your Bubble.io account πŸ”‘
2. Open your Bubble application πŸ“±
3. Click the "Plugins" tab in left sidebar 🧩
4. Click "Find plugins" at top of plugins panel πŸ”
5. Search for "EasyShare" in marketplace πŸ’¬
6. Click "Install" next to the plugin βœ…
7. Configure required API keys/settings in plugin editor βš™οΈ
8. Click "Save" to apply changes πŸ’Ύ


🎨 USING THE EASYSHARE ELEMENT

1. Drag "EasyShare" element from "Visual Elements" to your page πŸ–±οΈ

2. Configure properties in element inspector:

  - Select social platforms to enable 🌐
  - Customize button appearance 🎨
  - Set share message & URL βœ‰οΈ

3. Element automatically renders share buttons based on config ✨

βš™οΈ USING EASYSHARE ACTIONS Available server-side actions: β€’ shareContent: Trigger sharing programmatically πŸ“€ β€’ getShareCount: Get share statistics (if supported) πŸ“Š

To use actions:

1. In workflow editor, click "+ More" βž•
2. Select "Server-side API" > "EasyShare" πŸ€–
3. Choose action and configure parameters βš™οΈ

Types

This plugin can be found under the following types:
Element   β€’   Event

Categories

This plugin can be found under the following categories:
Productivity   β€’   Mobile   β€’   Social Network   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (3.5)

Very helpful
November 3rd, 2024
Inconsistent
December 15th, 2023
It worked initially (Android, Samsung & Chrome browsers), but recently when I start the action it doesn't trigger the mobile share, at least not consistently. Have had to try another solution
Thank you for the feedback. Would have loved to address any concerns if given the opportunity.
March 30th, 2024
  β€’  
Balacode
Bubble