How to embed social media feeds in Framer

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

Didi avatar
Written by Didi
Updated over a week ago

You're looking to embed your social media feeds into your Framer 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, then click 'Help to embed code' and copy the widget 'URL':

Clicking the Embed tab and copying the widget 'URL'

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

Embed social media feeds on your Framer website

Log in to your Framer account, access the editor for your website, and navigate to the page where you want to embed the widget

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

1. Click 'Add Section' on the part of the website where you would like the widget to appear:

Adding a section to the website editor in Framer

2. On the left menu select 'Utility' and drag and drop the 'Embed' element into the added section:

Selecting 'Utility' and dragging the 'Embed' element on the added section in Framer

3. Paste the widget 'URL' into the URL field on the right side of the editor:

Pasting the widget 'URL' in Framer

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 Framer

Final of Instagram widget embedded in Framer

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?