How to Embed a LinkedIn Feed on Any HTML Website
On a hand-coded or static website, add the widget with two lines: a <div> where the widget should appear and the embed script. That's it, no build step or dependencies.
Step-by-step: add a LinkedIn widget to HTML website
- 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
Paste the code into your HTML
Open your HTML file and paste the <div> where you want the widget to appear. The <script> tag can go right after it or before </body>.
- 4
Upload and refresh
Save and deploy your site. The script finds every widget placeholder on the page and loads it, resizing each one to fit.
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 HTML website
- Adding several widgets? Include the script once and add one <div> per widget.
- Prefer no JavaScript? Use the iframe snippet and set a fixed height.
Ready to add LinkedIn to HTML website?
Create your widget for free and get your embed code.
LinkedIn on HTML website: FAQ
Can I add multiple LinkedIn widgets to one page?
Yes. Include the embed script once and add a <div> with each widget's ID.
Does it work on static site generators like Hugo or Jekyll?
Yes. Paste the code into your template or a Markdown page that allows raw HTML.
Which LinkedIn widget will you add to HTML website?
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.