Use the widget generator below to create your Social Feed widget for Webflow for free. Select a template and click the “Continue with this template” button to get started.

Want to display your social feed widget in Webflow and others? No problem.

How to use the Social Feed Widget Generator

1. Choose a template: Select a preferred template and click the “Continue with this template” button. Some available templates are Carousel, Masonry, Timeline, Grid, Slider, Small Widget, and RSS Feed.
2. Add sources: You can add all your social media feed sources from the sources tab. Available platforms are Instagram, Facebook, X, LinkedIn, TikTok, Pinterest, YouTube, Video, Tumblr, RSS, and VK. Each social platform has various integration methods. For example, you can show posts based on account, hashtag, and mentions & tags for Instagram and public page, group, your profile, and public profile for VK.
3. Filter content: Once you have integrated source(s) into your social feed aggregator, you can specify which content to show. Each social platform has different options, like showing/hiding replies, reposts, etc. The filter section enables you to automatically filter in or out posts based on keywords, hashtags, and dates. You can also choose which posts to display only.
4. Layout settings: There are several layouts to select from: Grid, Masonry, List, Carousel, Slider.
5. Post settings: Select a post style, popup style, and action on post-click.
6. Change appearance: Select a color scheme (Dark, Light), accent color, and font. You can also change the look of the social feed widget on the element level and use custom CSS to add your own touch.
7. Once you’ve customized the widget, click the “Add to website for free” button. This will allow you to add your social feed widget to your Webflow website at no cost. You will also need to register to save your changes. It’s as easy as copy and paste. Copy the embed code for the free social feed widget and paste it into your website’s HTML editor where you want to showcase it.

How to embed social feed widget’s HTML code on Webflow

Your social feed widget’s embed code is a snippet of HTML code containing a JavaScript external file and a div tag with a class attribute.

You can easily embed the Social Feed widget into your Webflow website by using the “Code Embed” element in Webflow Canvas. Here’s how:

1. Edit the page where you want to embed social feed on Webflow.
2. Add the Code Embed element to your page.

3. Paste the generated code into the Code Embed Editor.

4. Save your changes.

5. Since you’ve added the social feed to Webflow, you can change the widget’s properties, such as size, background, border, etc.

The best part is you can embed your social feed widget on multiple websites regardless of whether they are made on Webflow.

How to manage your social feed widget

Once you have created your social feed widget for Webflow, you can easily manage it on your account. In your dashboard, search for “Social Feed” app under list of apps. As you can see from the following screenshot, you can create more social feed widgets, edit existing ones, and get HTML embed code.