How to embed social media feeds in Bubble

Steps and instructions on how you can embed and display your social media feeds on your Bubble website

Didi avatar
Written by Didi
Updated over a week ago

You're looking to embed your social media feed on your Bubble website. Here's a simple guide on embedding them with just a few clicks.

If you still don't have an EmbedFeed account, click to start a 7-day trial.

Before we begin, first generate your social media feeds in your EmbedFeed account and get the code.

Here are the steps:

  1. Log in to your EmbedFeed account

  2. Go to Widgets and click on the widget you want to embed

  3. In the widget editor left-hand settings panel, click the Embed tab and click 'Copy code'

Clicking on 'Copy code' button on the editor

Once you have the code, go to your Bubble account.

Embed the social media feeds widget on your Bubble website

Log in to your Bubble account, and open the Bubble editor for the application where you want to embed the widget.

In order to embed the code, you will need to:

1. Click the 'Design' icon on the top-left corner, and drag and drop the 'HTML' element onto the page where you want the widget to appear:

Selecting the 'Design' option and dragging and dropping the HTML element on the bubble editor

2. Paste the widget code on the popup:

pasting the HTML code on the popup in Bubble

That’s it!

You can adjust its width and its height to make it more fit the website.

Example of an Instagram widget embedded in Bubble

Instagram widget on Bubble website

If you have any questions, click the bottom right chat icon to talk with our customer success team or send us an email at support@embedsocial.com

We're here for you 🙏

Did this answer your question?