How to Embed a LinkedIn Feed on Framer
Framer's Embed component accepts custom HTML. Insert it, paste your LinkedIn widget code, set the size and publish.
Step-by-step: add a LinkedIn widget to Framer
- 1
Create your LinkedIn widget
Sign up for free, click New widget, choose Person or Company, and paste your LinkedIn profile or company page URL.
- 2
Customize and copy the embed code
Pick a widget (posts feed, profile card, company page, certifications or projects), match your brand, then open the Integration tab and copy the code.
- 3
Insert an Embed component
In Framer, open the Insert menu, find the Embed component and drop it onto your canvas.
- 4
Paste the HTML and size it
Set the embed type to HTML, paste the embed code, then resize the component to fit the widget and publish.
Your embed code looks like this
Copy the exact code, with your widget ID, from the Integration tab in the LinkedEmbed dashboard.
<div class="linkedembed-widget" data-widget-id="YOUR_WIDGET_ID"></div>
<script src="https://www.linkedinembed.com/embed.js" async></script>Tips for Framer
- Give the Embed component enough height, or use a fixed height that fits your widget on each breakpoint.
- Set the component width to Fill so the widget adapts to its container.
Ready to add LinkedIn to Framer?
Create your widget for free and get your embed code.
LinkedIn on Framer: FAQ
Does the widget work on Framer's mobile breakpoints?
Yes. The widget adapts to its container width. Adjust the Embed component's height per breakpoint if needed.
Which LinkedIn widget will you add to Framer?
Every widget uses the same embed code, so the steps above work for all of them.
Put your LinkedIn on your website today
Create your first widget in about two minutes. Free plan, no credit card required.