Link to the plugin page:
Demo to preview the plugin:
Introduction
If you are looking for a simple-to-implement and reliable social share plugin for your Bubble application, then this no-code Social Share Buttons tool is the perfect choice for you! Enhance user engagement and boost your app's visibility effortlessly with customizable social sharing features.
Key Features
Prerequisites
- Bubble Account: An active Bubble account to install and configure the plugin.
- Basic Bubble Knowledge: Understanding of Bubble’s editor for effective setup.
- Shareable Content: Ensure you have URLs or pages ready to be shared.
Note: Messenger works only on mobile devices
How to setup
Step 1: Install the Plugin
Step 2: Add the Plugin Element to Your Page
Step 3: Add Events
Plugin Element Properties
Social Share
Fields:
Title | Description | Type |
Theme | To turn on a specific theme just link one of available stylesheets. Available options: flat, classic, minima, plain | Text |
Rounded Buttons | Makes buttons rounded if checked. Use this property only with icons without label. | Checkbox (yes/no) |
Font Size | Define font size, if 0 then disabled. | Number (optional) |
Share buttons | ||
Email | Allows users to share content via email. | Checkbox (yes/no) |
Twitter | Enables sharing on Twitter with a custom tweet and link. | Checkbox (yes/no) |
Facebook | Lets users share content on their Facebook timeline. | Checkbox (yes/no) |
Google Plus | (Deprecated) Previously used for sharing on Google+. | Checkbox (yes/no) |
LinkedIn | Shares content on LinkedIn, ideal for professional networking. | Checkbox (yes/no) |
Pinterest | Allows users to pin images and content to their Pinterest boards. | Checkbox (yes/no) |
StumbleUpon | (Deprecated) Previously used for content discovery. | Checkbox (yes/no) |
Pocket | Saves content to Pocket for later reading. | Checkbox (yes/no) |
Whatsapp | Enables direct sharing via WhatsApp. | Checkbox (yes/no) |
Viber | Shares content through the Viber messaging app. | Checkbox (yes/no) |
Messenger | Allows sharing via Facebook Messenger. | Checkbox (yes/no) |
Vkontakte | Enables sharing on VK, a Russian social media platform. | Checkbox (yes/no) |
Telegram | hares content through the Telegram messaging app. | Checkbox (yes/no) |
Reddit | Posts shared content to Reddit discussions. | Checkbox (yes/no) |
Line | Allows sharing via the Line messaging app. | Checkbox (yes/no) |
Share options | ||
URL | A string specifying URL to share. | Text (optional) |
Text | A string specifying text to share. | Text |
Show label | A Boolean specifying whether to show the text on the share button. | Checkbox (yes/no) |
Show count | A Boolean or “inside” specifying whether and how to show share count. | Checkbox (yes/no) |
Share in | A string specifying the name of sharing strategy. Available options: popup, self, blank | Dropdown |
Picture for Pinterest | For Pinterest is needed to set picture | Image |
Element Events
Title | Description |
Email Clicked | Triggered when the Email share button is clicked |
Twitter Clicked | Triggered when the Twitter share button is clicked |
Facebook Clicked | Triggered when the Facebook share button is clicked |
LinkedIn Clicked | Triggered when the Pinterest share button is clicked |
Pinterest Clicked | Triggered when the Pinterest share button is clicked |
StumbleUpon Clicked | When the StumbleUpon share button is clicked. You can trigger animations or other actions upon click. |
Pocket Clicked | When the Pocket share button is clicked. You can trigger animations or other actions upon click. |
WhatsApp Clicked | Triggered when the WhatsApp share button is clicked |
Viber Clicked | When the Viber share button is clicked. You can trigger animations or other actions upon click. |
Messenger Clicked | When the Messenger share button is clicked. You can trigger animations or other actions upon click. |
Vkontakte Clicked | When the Vkontakte share button is clicked. You can trigger animations or other actions upon click. |
Telegram Clicked | When the Telegram share button is clicked. You can trigger animations or other actions upon click. |
Line Clicked | When the Line share button is clicked. You can trigger animations or other actions upon click. |
Reddit Clicked | When the Reddit share button is clicked. You can trigger animations or other actions upon click. |
