Did you know that LinkedIn users spend about 8 minutes on the platform per visit? Now imagine if your visitors spent the same time on your website.

Embedding a LinkedIn feed on your Webflow site helps grab visitors’ attention quickly and keep them hooked, increasing your website’s dwell time.

There are two ways to embed LinkedIn feed on your website:

  • Using a website widget
  • Using the embed or link option

I will show you the steps for each of those methods so you can decide which one is the best for you.

Pro Tip: You can go straight to embedding LinkedIn page posts on Webflow. SociableKIT’s widgets enable you to create, customize, and curate your LinkedIn feed without writing any code. Additionally, we offer flexible plans that let you access premium features, including advanced data analytics.

Create a SociableKIT widget today and showcase engaging LinkedIn page posts on your Webflow site!

Why You Should Embed a LinkedIn Feed on Your Webflow Site?

Displaying LinkedIn posts on Webflow offers numerous incentives for your brand, website, and LinkedIn profile/page:

  • Enhanced Visual Appeal: Embedding a feed with LinkedIn Carousels and videos helps add an aesthetic look to your Webflow site, giving it a fresh look. 
  • Boosted Visitor Engagement: Adding a curated LinkedIn feed on Webflow attracts visitors’ attention quickly and encourages them to interact with the posts, increasing your site’s dwell time.
  • Increased LinkedIn Traffic: Embedding your posts on Webflow is an effective LinkedIn marketing strategy that can help you grow your audience. This is because you can direct website visitors who engage with the embedded feed to your LinkedIn profile/page. 
  • Perceived Professionalism: Imagine what showcasing your professional achievements and LinkedIn badges on Webflow would do for your brand. It influences how users perceive your services, providing more lead generation and conversion opportunities.
Laptop screen showing LinkedIn homepage with welcome message.

Best Methods to Display LinkedIn Posts in Webflow

This section provides step-by-step guides for adding LinkedIn posts to your Webflow site using the embed and website widget methods. We’ll discuss the LinkedIn API embed option in the next section of this article.

Method 1: Use a Website Widget

To quickly embed LinkedIn feed to your Webflow website , follow the steps below.

  1. Sign up FREE or login to SociableKIT.
  2. Create and customize your LinkedIn feed widget.
  3. Copy the LinkedIn feed widget embed code.
  4. Login to your Webflow website admin panel and create or edit a page.
  5. Paste the embed code where you want the LinkedIn feed widget to appear.
  6. Save and view your page. Done!

That’s easy! Embedding LinkedIn feed widget on your Webflow website will take only 2 minutes. If you need a more detailed guide, scroll down to follow our complete guide or watch our video guide.

Looking to purchase our premium features like auto-sync, customization, premium support and more? Please check the details on our pricing page here.

Method 2: Use the Embed or Link Option

To add a LinkedIn feed to your website using LinkedIn’s embed post option, follow the steps below.

  1. Go to the company page from which you want to get posts. This can work with personal profiles as well.
Screenshot of Microsoft's LinkedIn page featuring their logo, company information, and a mission statement about impact and technology.
  1. Go to the posts section. You can sort the posts by recent so you will see the recent posts.
Screenshot of Microsoft’s LinkedIn page featuring posts, images, and affiliated pages like Skype, highlighting their business focus.
  1. On the first post, click the three dots in the upper right corner. Click the “Embed this post” option.
Screenshot of a Microsoft LinkedIn post titled "The Monthly Tech-In" showcasing content about AI innovations.
  1. On the popup, click the “Copy code” button.
Screenshot of a LinkedIn post about Microsoft's use of AI in healthcare, featuring a concise description and an option to embed the post.
  1. Login to the admin panel of your website.
  2. Edit or create the page where you want the LinkedIn feed to appear.
  3. Paste the code you copied from LinkedIn.
  4. To create the LinkedIn feed on your website, you need to repeat steps 1 onwards to add more posts.

You may choose method 1 or method 2, it depends on your needs. But in case you choose method 1, you can follow our complete guide below.

How to Connect LinkedIn API to Webflow for Custom Integration

LinkedIn API (Application Programming Interface) lets developers use LinkedIn data to add new features to Webflow. The API enables you to access and embed publicly available data, such as:

  • Company details
  • Public posts
  • User profiles
  • Job postings
  • Connections

Follow these steps to embed a LinkedIn feed on Webflow using its API:

  1. Create an account on the LinkedIn Developer Portal.
  2. Create a new application and input the required details: preferred name, logo, and API usage. LinkedIn will send you an API Key and Secret Key.
  3. Initiate user authorization through the 2-legged or 3-legged OAuth process.
  4. Upon authentication, LinkedIn will send you an access token that you can use to query the platform for user data.
  5. Write an embed code (HTML and JavaScript) to display the queried LinkedIn data on your Webflow site.
  6. Paste the embed code on Webflow and save the changes.
Person browsing on smartphone while working on a laptop at a café.

Complete Guide

Follow our complete guide below to embed LinkedIn feed on Webflow website for free. The guide is divided into two parts to make it easier to follow.

Create and Customize Your LinkedIn Feed Widget

The first part is creating your LinkedIn feed widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don’t need our premium features.
A split-screen image showing customer testimonials for SociableKIT on the left and a sign-up page on the right.
  1. Select your LinkedIn feed type on the dropdown. SociableKIT offers several LinkedIn feed widgets. You might need to search it using the highlighted area below. Once found, you can then select it. Here are the different types of LinkedIn feed that you can add to your Webflow website:

LinkedIn Page Posts widget – Showcase your latest company posts using the LinkedIn Page posts directly on your site, boosting engagement and keeping visitors informed. Learn how to embed LinkedIn Page Posts on your website.

LinkedIn Profile Posts widget – Showcase your personal posts using the LinkedIn profile posts on your website to share insights, updates, and build credibility with your expertise. Learn how to embed LinkedIn Profile Posts on your website.

LinkedIn Page Events widget – Embed your LinkedIn Page Events on your website to drive attendance and keep your audience informed with upcoming professional gatherings and networking opportunities. Learn how to embed LinkedIn Page Events on your website.

LinkedIn Page Jobs widget – Embed your LinkedIn Page Jobs on your website to attract top talent by showcasing your open positions and enhancing your recruitment efforts. Learn how to embed LinkedIn Page Jobs on your website.

Screenshot of a dropdown menu for creating a social media solution, featuring options like Google Reviews and Facebook Page.
  1. Enter your LinkedIn feed ID or username. Copy your LinkedIn feed URL and paste it in the username box. Our system will automatically identify your LinkedIn feed ID or username.
  2. Customize your feed. Click the “NEXT” button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.
A screenshot showing options to customize your feed.
  1. Copy the embed code. Click the “Embed on website” button on the upper right corner. On the popup, copy the JavaScript embed code.
A screenshot showing a code snippet for embedding Facebook page posts on a website.
  1. Paste the embed code and save your Webflow website page. Please follow the second part below to add LinkedIn feed widget to your Webflow website.

Add LinkedIn Feed Widget to Your Webflow Website

The second part is adding your LinkedIn feed widget to your Webflow website . After you customize your LinkedIn feed widget and copied the embed code, it is time to add it to your Webflow website . Follow the steps below.

  1. Get your free embed code from SociableKIT. Make sure you followed the first part above to create your widgget, customize it, and copy your free embed code.
  2. Login to Webflow
A login screen with options to sign in with Google or enter email and password.
  1. On your existing website, click the “Page: ….” in the upper left corner then click the “Create new page” icon.
A screenshot of a computer interface with a white canvas and menu options on the left.
  1. Once done add a name for your new page then click “Save”.
Screenshot of a website builder's "New Page Settings" with "test-page" entered as the page name.
  1. On the left, click “Add Element”. Drag “Embed” to your page. 
Screenshot of a web design interface with a sidebar highlighting the 'Embed' component.
  1. Paste the JavaScript code you copied from SociableKIT.
Screenshot of an HTML embed code editor within a web design interface with a warning about custom code validation.
  1. On the upper right, click “Publish” > “Publish to Selected Domains”.
Screenshot of a web design interface with a "Publish to Selected Domains" button highlighted.
  1. View your page. Done!

How to Troubleshoot LinkedIn Feed Issues on Webflow

You should not encounter any integration issues if you follow our guides to embed a LinkedIn feed on Webflow. 

However, on rare occasions, the embedded LinkedIn feed may not perform as expected, and you may face issues like:

  • Error Code on the LinkedIn Feed: Most issues with an embedded LinkedIn feed often arise from using an erratic script. As such, start by checking the embed code for bugs.
  • Display Issues: Your LinkedIn feed may appear distorted on mobile phones if it lacks dynamic grids and layouts. Place the script in a dynamic container or embed using a widget to make your feed responsive without writing any code.
  • Limited Customization: Adding a LinkedIn feed to Webflow using the link or API options means you must settle for the standard theme or modify your website’s CSS code. However, you can use widgets to style your LinkedIn feed to blend seamlessly with your website theme without requiring any coding.
  • New LinkedIn Posts Don’t Appear on Feed: Webflow doesn’t have a native feature for refreshing your LinkedIn widget. As such, using the link or API method means you must manually update your LinkedIn feed. Another option is to use widgets that update regularly, ensuring recent LinkedIn posts reflect on your Webflow site.
Minimalist home office setup with woman using laptop.

Embed Linkedin Feed On Your Webflow Website In 2 Minutes

Quickly upgrade your website by embedding LinkedIn feed on Webflow website in 2 minutes. Sign up to SociableKIT now!

Limited Offer

Frequently Asked Questions (FAQs)

Let’s wind up this guide by addressing commonly asked questions about embedding a LinkedIn feed on Webflow:

Can I Embed a LinkedIn Feed in Webflow Without Using Code?

Yes. You can embed a LinkedIn feed in Webflow without using code. 

Our widgets feature a built-in LinkedIn feed embed code generator that produces the script, which you only need to paste on Webflow.

Does the LinkedIn Feed Update Automatically in Webflow?

No. LinkedIn doesn’t update automatically in Webflow. You’d need to write code to add the feature to your LinkedIn feed. 

However, if you use SociableKIT widgets, your recent LinkedIn posts can appear on your feed since we configure the widgets to refresh frequently.

Can I Control Which Posts Show in the Embedded Feed?

Yes. You can control which posts show in the embedded feed using automatic and manual moderation. You can also filter LinkedIn posts using specific keywords.

Will Embedding a Feed Affect Webflow Site Speed?

It depends. Embedding multiple LinkedIn feeds on the same Webflow web page could negatively impact site performance. 

However, if you configure it to ‘lazy loading,’ they only execute when visitors scroll to those sections, preventing your site from slowing down.

Conclusion

There you have it! Embedding your LinkedIn feed on your Webflow website can be an incredibly valuable addition to your online presence, and our free website widgets make it easy to do so. With our widgets, you can have your LinkedIn content automatically update on your website without any hassle. Plus, our widgets are completely customizable, so you can make them match your website’s design seamlessly. Don’t miss out on the opportunity to showcase your professional skills and network. 

Take the first step. Create a SociableKIT LinkedIn page posts widget today.