Link Info and Preview

• Generate link previews from any valid URL.

• Extract metadata including title, description, favicon, and preview image.

• Validate URLs and detect invalid or unreachable links.

• Returns multiple exposed states for maximum flexibility.

• Supports optional built-in UI elements for fast implementation.

• Fully compatible with dynamic inputs and workflows in Bubble.

• Great for messaging apps, bookmarking tools, blogs, social feeds, and productivity apps.

• 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 Link Info and Preview.



• 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.

• Open the Design tab in your Bubble editor.
• Search for the Link Preview element in the Elements panel.

• You’ll see one option:
• Link Preview

• Drag and drop the element onto your page.

• Link → The URL you want to generate a preview from.

• Show Standard UI → Enable to display the built-in default preview layout.

• Add an Input element to your page where users will enter a URL.

• Add a Button (for example: “Search” or “Preview”) that will trigger the link preview.

• Create a workflow:
When the search. button is clicked → Display Data in the group of your choice
• Make the plugin data call (Get Link Info).

• Once the data is returned, display the result in any text, image, or repeating group elements where you want the preview to appear.

• You can use the exposed states or API response to show the link title, description, preview image, and validation status.

json
{
  "body url": "text",
  "body title": "text",
  "body siteName": "text",
  "body description": "text",
  "body mediaType": "text",
  "body contentType": "text",
  "body images": "undefined",
  "body favicons": "undefined",
  "error status_code": "number",
  "error status_message": "text",
  "error body": "text",
  "returned_an_error": "yes/no"
}

• Bubble Plugin Page Update (Logo).

• Bubble Plugin Page Update (Logo).

• Marketing update (minor change).

• Minor update(Marketing update).

• Minor update(Marketing update).

• Upgraded to the latest version & removed "Image to show" field.

• Minor update.

• Updated demo/service links.

• minor update.

• Updated description.

• updated description.

• minor updates.

• Obfuscation.

• fixed the problem with images.

• updated description.

• Updated the description .

• Change log: Added link validation..

• deleted the icons.

• updated the description.

• Fixed display of links in preview.

• Added check for empty link.

• Added link validity output to console logs.

• Updated description.

• fixed API Call.

• Fixed CORS error.

• Updated icon.

• Api migration to a new version.

• Fixed problem with Arabic language.

• Updated icon.

• Change in Visual Element. .

• Update - Added API call to retrieve given link information..

• Update: Added field for chose which picture to show in preview mode from the page images list. Field name "Image to show".

• Initial Release.