How to set up social sharing in Bubble

To set up social sharing in Bubble, you create a Share URL that includes dynamic data (like the page’s title, image, description) and configure Open Graph (OG) tags on the page so platforms like Facebook, X/Twitter, and LinkedIn show the correct preview. You then trigger the share using a link element or a workflow → Open an external website action.

What You Actually Need

You need two things: a proper SEO / Open Graph setup in your Bubble page, and a share link users can click. The OG settings tell social networks what to show. The link opens the social network’s share dialog with the correct URL.

• OG Title: The text that appears as the big title in the share preview.
• OG Description: The small paragraph under the title.
• OG Image: The preview image.

Step-by-Step Setup

First, set up Dynamic OG tags on the page you want people to share:

• Open the page in Bubble Editor.
• Go to the page’s SEO / metatags section.
• Fill in: Page title, Page description, and check the box to enable Facebook/OG tags.
• Use dynamic expressions like Current Page Thing’s Title and Current Page Thing’s Image.

This ensures that when social networks scrape your page URL, they see the correct info.

Create the Share Action

Use a button or link that opens the network’s share URL. For example, for Facebook:

https://www.facebook.com/sharer/sharer.php?u=[Your Dynamic Page URL]

Bubble example:

• Add a button.
• Workflow → Open an external website.
• URL: https://www.facebook.com/sharer/sharer.php?u=This Page URL

For X/Twitter:

https://twitter.com/intent/tweet?url=[This Page URL]&text=[Dynamic Title]

For LinkedIn:

https://www.linkedin.com/sharing/share-offsite/?url=[This Page URL]

Testing

Use each platform’s debugger to refresh the preview:

• Facebook Sharing Debugger
• Twitter Card Validator
• LinkedIn Post Inspector

This forces social networks to re-scrape your Bubble page after changes to OG tags.