How do I embed a social media feed on a website?

What is an embedded social media feed?

An embedded social media feed is a live display of social media content pulled directly into a webpage. Instead of having to update images or copy by hand, the feed refreshes automatically as new content is published on connected platforms. This includes Instagram posts, LinkedIn updates, TikTok videos, hashtag results, and more. All of this is shown in a single widget on your site.

Brands use them in different ways. For example, they might use them on careers pages. There, they show real company culture. They also use them on product pages. There, they show authentic customer content. And they use them on homepages. There, they replace static graphics with live audience activity. The content is always changing, so a well-configured feed keeps a page looking current without requiring any ongoing effort from your team.

How to embed a social media feed on a website

Here are the steps, no matter what website builder you're using:

1. Choose a social media aggregator. This is the platform that collects content from multiple social networks and generates one embed code for your site. Pick one that supports the platforms you use and includes content moderation. This will allow you to filter what appears publicly before it goes live.

2. Create a feed. Create a new feed or "wall" inside the aggregator. This is the container that holds your content sources and display rules. Give it a clear name so it's easier to manage later.

3. Connect your social media sources. Link the platforms you want to pull from. These could be Instagram, LinkedIn, TikTok, X (Twitter), YouTube, Facebook, and others, depending on what the aggregator supports. Set up each source using hashtags, profiles, keywords, or a mix of these. You can run multiple sources from a single feed.

4. Configure moderation and filters. Decide what should be published immediately and what needs to be approved first. Create lists of keywords, spam filters, and sentiment filters (if available). If you don't moderate any public pages, you'll regret it.

5. Get the embed code. Once your feed is set up and at least one source is active, the aggregator will generate a code snippet or iframe embed code in JavaScript. Make a copy of it.

6. Add the code to your website. Paste the code into the HTML of your website wherever you want the feed to appear. Most website builders have a special block for this, which accepts the code directly. On WordPress, use a custom HTML widget or a shortcode. The aggregator's servers provide the feed, so your site only needs to serve the container element.

Which website platforms support social media feed embeds?

Practically all of them, because the embed code is standard HTML or JavaScript. Specifically:

• WordPress — via a custom HTML block, sidebar widget, or shortcode depending on your aggregator
• Webflow — custom embed component, dropped anywhere on the canvas
• Squarespace — code injection in page settings or an embed block in the page editor
• Wix — HTML iFrame widget from the Add Elements panel
• Shopify — custom Liquid sections or theme code, depending on your setup
• SharePoint and Confluence — HTML web part or macro, useful for internal-facing feeds
• Custom HTML/CSS sites — paste the snippet directly into the page template

The aggregator handles all the data fetching, caching, and display logic. Your site just renders what it receives.

Mistakes to avoid when you embed a social media feed on a website

These are the issues that cause the most problems:Not moderating at all. If you have a live hashtag feed connected to a public campaign, it will eventually show something you don't want on your site.

Set up filters and, for pages that are very important, approve them manually before you go live.

Pulling from too many sources at once. Start with one or two platforms. Having more sources means there's more noise to deal with, and if the content styles don't match, it can feel all over the place.

I'm ignoring mobile responsiveness. Most web traffic comes from mobile devices. If the feed doesn't resize well on small screens, it can hurt your layout and your bounce rate.

Not checking for accessibility and compliance. Most social aggregation widgets are inaccessible or compliant, so be sure to check that before purchasing one for your website.

Many cheap social media aggregator apps cover the basics, but they often don't meet expectations for compliance, moderation, and reliability. These gaps can cause problems for important live events or business uses.

How Walls.io approaches this
Walls.io's social media feed, which shows real-time content and keeps visitors updated, supports 14+ social media platforms and lets you moderate content before anything appears on your page. The widget is responsive by default, accessible, GDPR & CCPA compliant and fully customizable to match your brand without touching CSS. Setup takes under 15 minutes. See it in action →