How to embed a Facebook feed on a website?

What is a Facebook feed embed?

An embedded Facebook feed is a live widget that pulls content from Facebook. This could be a company page, a hashtag, or brand mentions. The widget displays this content directly on your website. Instead of asking visitors to leave your site to find your Facebook content, the feed brings that content to them. Posts are updated as soon as new activity happens on Facebook.

You can add a Facebook feed to almost any website, including plain HTML pages, WordPress sites, e-commerce stores, internal wikis, and virtual event platforms like Cvent or Bizzabo.

How to embed a Facebook feed on a website: 4 steps

The cleanest way to add a Facebook feed is through a tool designed for that purpose. Here's how Walls.io works:

1. Sign up for a Walls.io trial. Create a free trial account at walls.io/sign-up. The initial setup takes less than five minutes.
2. Choose where you get your content. Decide what to display: posts from your Facebook company page (you'll need admin access for this), content tagged with a specific hashtag, or mentions of your brand on Facebook. Add each source in the Walls.io dashboard.
3. Copy the embed code. Go to the "Embed & Display" section of your dashboard. Choose a JavaScript embed (more features, recommended) or an iframe embed (better for website builders that don't support JavaScript).
4. Paste the code onto your website. Add the code to your website. The feed is ready to use right away and will update automatically.
   

If you're using WordPress, use the Walls.io plugin instead of pasting the code straight onto the page. The HTML module works the same way for Drupal and Joomla.

What types of Facebook content can you display?

There are three types of Facebook content that work with an embed.

• Facebook page posts are content you publish directly on your company's Facebook page.
• Hashtag content are any posts from users who tag your chosen hashtag on Facebook.
• Brand mentions are posts where users tag your brand or account.

You can combine all three in a single widget, so one embed shows a mix of your own content and user-generated content. You can also control what appears using keyword filters, language filters, and manual or AI-assisted moderation.

What CMS platforms support a Facebook feed embed?

Most of them. The Walls.io Facebook widget works with:

• WordPress (through plugins or custom HTML blocks)
• Squarespace, Wix, Weebly, Jimdo, and Webflow
• Shopify and BigCommerce
• Elementor and Beaver Builder
• Drupal and Joomla (through HTML modules)
• Microsoft SharePoint and Notion (for intranet use)
• Event platforms including Cvent, Bizzabo, Swapcard, Brella, and Hubilo
  

The process is always the same: copy the embed code from Walls.io, then paste it into an HTML or code block on your platform of choice.

Does embedding a Facebook feed affect website performance?

A JavaScript embed loads on its own, so it doesn't stop the rest of your page from loading. An iframe embed adds one fixed external request. Neither of these will cause major performance issues on a modern website, but if Core Web Vitals are important for your website, check page speed before and after adding the feed.

Common mistakes to avoid when embedding a Facebook feed

• Don't add too many sources at once. If you're pulling content from 10 hashtags and two company pages, you'll end up with a lot of noise. Start with one or two sources and add more once moderation is running.
• Don't set up moderation. Anything that users post on Facebook is public and unpredictable. Set up keyword filters before the feed goes live, not after something slips through.
• Don't use an iframe when JavaScript is available. The JS embed gives you more layout options and real-time updates. Only use an iframe if your website platform forces you to.
• Don't forget to check the feed during campaigns. An embed set from weeks ago can pull in outdated or off-topic content when a new campaign launches. Review it when anything changes.

How Walls.io approaches this
Walls.io collects content from Facebook company pages, hashtags, and brand mentions and puts it all together in one moderated feed. You can add it to your site using a JavaScript or iframe snippet. This will make the feed update automatically, so you don't have to refresh it manually. You can apply filters for keywords and languages. You can choose from different display layouts. You can use artificial intelligence to moderate content and make sure it doesn't contain anything that could harm your brand before it's published. See how it works →