Share Highlighted Text

• Email

• Twitter

• LinkedIn

• Facebook (optional – requires a Facebook App ID)

• The highlighted text

• The page title

• The page URL

Note: This plugin is designed for desktop use only and does not work on mobile devices.

• A Bubble app (any plan)

• Enable ID Attribute – In Bubble, go to Settings → General and check “Expose the option to add an ID attribute to HTML elements.” This allows you to assign unique IDs to images that will use the zoom effect.

• (Optional) A Facebook App ID if you want to enable Facebook sharing.
• You can create one from the Meta for Developers dashboard.

Step 1 – Install the Plugin

• Go to the Plugin Tab
• Open your Bubble Editor.
• Navigate to the Plugins tab on the left panel.

• Add Plugins
• Once in the Plugins tab, click the Add Plugins button.

---

• Search for the Plugin
• Use the search bar to type Share Highlighted Text.



• Locate the plugin in the search results.

---

• Install/Buy
• If the plugin is free, click Install to add it to your application.
• For a paid plugin, click Buy and follow the purchase instructions.

---

• Payment Information (For Paid Plugins)
• If the plugin is a paid one, fill in your payment details and make payment.

• Charges will be added to your Bubble billing account.

• Remember, if you unsubscribe from the plugin shortly after installation, charges will be prorated based on the days used.

---

• Plugin Installed
• Once installed, the plugin will appear under the Installed Plugins list in your Bubble Editor.

---

Step 2 – Add the Plugin Element to Your Page

• Open the Design tab in your Bubble editor.
• Search for the Share Text element in the Elements panel.

• Drag and drop the element anywhere on your page.

Configure Settings

• Target Text Element
• Set the ID Attribute (see how to enable it in Prerequisites section) of the text you want to make shareable (e.g., texttext).



• Enter this ID in the plugin’s Element ID field so the plugin knows which text can be highlighted and shared.

• Facebook Sharing (Optional)
• In the element’s Appearance tab, check “Facebook Share” to enable it.



• Paste your Facebook App ID into the Facebook App ID field.



• Without an App ID, Facebook sharing will not work.

• Other Share Options
• Email, Twitter, and LinkedIn work out-of-the-box without any extra setup.

---

Step 3 – Preview & Test

• Click Preview in your Bubble editor.

• Highlight any text on your page.

• A share menu will appear with options:
• Email
• Twitter
• LinkedIn
• Facebook (if App ID configured)

• Select a platform → the highlighted text, page title, and URL will be passed to its share dialog.

---

Plugin Element Properties