How to embed a Facebook feed on your website in 2026

A Facebook feed embed lets you display live content from a Facebook Page or profile directly on an external website.

Instead of forcing visitors to leave your site to check your social media, embedding lets you integrate your Facebook posts, photos, videos, or full timeline seamlessly into your web pages.

To embed a Facebook feed, you need two things: a public Facebook Page and a place on your site that accepts HTML code.

The free route works in minutes but gives you very little control over the look. A widget tool costs money but lets you match your brand, filter posts, and mix in reviews.

Below, I’ll walk you through both methods step by step, show you what you can and can’t embed, and help you fix the issues that usually break a Facebook feed embed.

Why embed a Facebook feed on your website?

Most visitors never click the little Facebook icon in your footer. When you embed a Facebook feed on website pages, your latest updates show up right where people are already reading.

Here’s what that gets you:

• Fresh content without extra work: Each new post you make to Facebook shows up on your blog individually. Your home page is no longer stuck in time, looking as if it has not been updated since two years ago.
• Visible social proof: People know real people follow and discuss your business through likes, comments, and shares on your posts.
• More Page followers: A feed on your site makes visitors want to follow you, so they stay in touch after leaving your site.
• Longer visits: Images, videos, and event updates give users more to scroll through before bouncing.
• One content workflow: You post to Facebook once, and your content appears twice.

This works best for companies posting frequently: restaurants, gyms, event spaces, nonprofits, local businesses, and ecommerce brands with promotions.

However, if your Facebook page hasn’t been updated for several months now, solve this problem first. A stagnant stream does more damage than no stream at all.

What types of Facebook content can you embed?

“Facebook feed” can mean several things. Before choosing a technique, decide what kind of material you want to show, since each technique supports a specific set.

Facebook Page posts

This is the classic Facebook feed widget: a scrolling timeline of your Page’s latest posts. It updates on its own as you publish.

Both Facebook’s free plugin and third-party tools can show Page posts. The difference is control. The free option shows everything in Facebook’s layout, while paid tools let you filter, hide, and restyle posts.

Photos and videos

You can embed a single public photo post or video with Facebook’s own embed code. Videos play right on your page, with options for fullscreen, captions, and muted autoplay.

If you want a gallery or grid of all your Page photos, you’ll need a widget tool. Facebook’s native options don’t build galleries.

Reels

Public Facebook Reels can be embedded one at a time using the Embed option on the Reel itself. They play in a vertical player on your site.

Want a scrolling row of your latest Reels that updates on its own? That’s a job for a feed widget tool, since Facebook doesn’t offer a native Reels feed.

Individual Facebook posts

Sometimes you don’t want a full feed. You just want to add Facebook posts to website pages one at a time, like a launch announcement on a product page or a customer shout-out on your About page.

You can embed any public post on its own, and it keeps its reactions and comment count. This is the simplest way to embed Facebook posts on website pages when you only need a handful.

Page mentions

Mentions are posts where other people or brands tag your Page. They’re often the most persuasive content you have, because someone else is doing the talking.

Facebook’s free tools can’t pull mentions. Some third-party aggregators can, but only after you connect a Facebook account that manages the Page.

Facebook reviews

Facebook reviews are now called recommendations. They work differently from Google’s star rating. Facebook doesn’t offer an embed code for recommendations, and the Page plugin doesn’t show them.

To display them, you’ll need a review tool like “WiserReview” that imports them through Facebook’s API. I cover that in its own section below.

Before you embed a Facebook feed: Requirements and limitations

A few rules decide whether your embed will work at all. Checking these first saves you an hour of wondering why the box on your site is blank.

What you need

• A Facebook Page, not a personal profile: Feed embeds work with business Pages. Personal profiles and private groups can’t be shown as a feed.
• Public content: Only posts visible to “Public” (the gray globe icon next to the post time) can be embedded.
• No age or country limits on the Page: If your Page restricts viewers by age or location, Facebook’s plugin won’t render for most visitors.
• Admin access for third-party tools: Widget tools connect through Facebook’s API, so you need to log in with an account that manages the Page.
• A way to add HTML: Your site builder needs a code, embed, or custom HTML block. A regular text block won’t run the script.

Limitations to know upfront

• Design control is minimal with the free plugin: You can set width, height, header size, and cover photo. Colors, fonts, and layout stay in Facebook’s style.
• Size caps: The Page plugin has a maximum width of 500 pixels, per Meta’s developer docs. On a wide page, it’ll look like a narrow column.
• One Page per plugin: You can’t merge two Pages, or Facebook with Instagram, in a single native embed.
• No moderation: The native feed shows everything you post, in order. You can’t hide an old promo or pin a favorite.
• The “Logged-Out” and Age Restriction Wall: If your Facebook Page has any age restrictions, country blocks, or content flags (such as alcohol brands or medical topics), the embed may break
• Privacy and speed trade-offs: Facebook’s embed script loads from Facebook’s servers and can set cookies. That matters for page speed and for privacy laws like GDPR.

Method 1 – Use Facebook’s native page plugin or embed code (Free)

This is the fastest way to add a Facebook feed to website pages at zero cost. Facebook gives you two free tools: the Facebook page plugin for a full feed, and a Facebook embed code for single posts, videos, or Reels.

Option A: Embed your full Page feed with the Facebook page plugin

Use this when you want to embed Facebook page feed content as a live timeline.

Step 1: Access the Tool

Open a desktop browser and navigate to the official Meta Page Plugin Tool.

Step 2: Configure Your Feed

Facebook Page URL: Paste the exact URL of your public Facebook Business or Organization Page into the designated field. (Note: Personal profiles cannot be used.)

Tabs: Type timeline in this field to ensure your posts show up.

You can also add events or messages separated by a comma (e.g., timeline, events).

Dimensions: Set your preferred width and height in pixels. Checking “Adapt to plugin container width” ensures it attempts to fit mobile screens dynamically.

Toggles: Use the checkboxes to decide if you want to hide the cover photo, use a small header, or show which of your visitors’ friends also like your page.

Step 3: Generate the Code

Click the blue Get Code button at the bottom of the configurator.

A popup will appear offering two options: JavaScript SDK or iFrame.

• Choose the iFrame tab. This is by far the easiest method for non-developers, as it gives you a single, self-contained piece of code.
• Copy the entire snippet of code provided in the box.

Step 4: Paste onto Your Website

Log in to your website’s backend (WordPress, Wix, Shopify, Squarespace, or raw HTML).

Navigate to the page or sidebar area where you want the feed to sit.

Add a Custom HTML block (in WordPress/Wix) or open your platform’s code editor.

Paste the copied iFrame code directly into the HTML space and click Publish or Save.

Step 5: Test

Open the page in a private browser window and on your phone to confirm the feed loads.

Option B: Embed a Single Public Post or Video

If you don’t want a full timeline but instead want to pin a specific post, photo, or video to a blog or page, you can grab the code directly from Facebook.

Step 1: Find the Post

Go to Facebook and locate the specific post you wish to embed.

Ensure the post is completely public (indicated by the small gray “globe” icon next to the timestamp). Private group posts or personal profile updates will not render.

Step 2: Grab the Native Embed Snippet

Click the three dots (… ) in the upper right-hand corner of the post. Select Embed from the dropdown menu.

A preview dialog box will open. Check the box that says “Include full post” if you want to include the text caption, likes, and comments; uncheck it if you only want the raw image or video.

Click the Copy Code button.

Step 3: Insert into Your Website

Open your website’s editor page. Insert a Custom HTML block or open your text editor in HTML mode.

Paste the code snippet and save your changes. The single post will now render seamlessly on your site.

Method 2 – Third-party social media aggregators

A social media aggregator is a tool that connects to Facebook’s API, pulls in your content, and gives you a customizable Facebook feed widget for website pages.

Tools in this space include EmbedSocial, Tagembed, Flockler, Taggbox, and SociableKit. WordPress users often pick a plugin like Smash Balloon instead.

They fix most of the native plugin’s gaps. You get full-width layouts, your own colors and fonts, post filtering, multiple Pages in one feed, and often mentions, Instagram, and other networks too.

How to embed a Facebook feed with EmbedSocial

Screens vary by tool, but the process is nearly identical across popular options.

Step 1: Create an Account & Choose Your Feed

Head to EmbedSocial and sign up for an account or launch a free trial.

Once logged into your dashboard, click on Sources in the left-hand navigation ribbon and select + Add new source.

Step 2: Connect Your Facebook Page

Select Facebook from the list of available network integrations.

Crucial Step: Log in using the personal Facebook account that holds Admin or Editor permissions for the business page you wish to display.

Accept the permission prompts from Meta allowing EmbedSocial to safely access your page’s data layer.

Step 3: Configure and Style the Feed Widget

Select the specific Facebook Page timeline or album you want to display, and click Next.

Choose a layout template that aligns with your website’s aesthetics (e.g., Grid, Carousel Slider, Masonry Wall, or Collage).

Use the visual customization dashboard or the built-in AI prompt editor to change colors, localize language, or toggle the “Follow” button.

Step 4: Generate and Copy the Embed Code

When you are happy with the visual setup, click the Embed or Get Code button in the upper right corner.

Copy the provided single-line JavaScript snippet or HTML iframe code to your clipboard.

Step 5: Publish on Your Website Builder

Open your website’s management dashboard and place the code exactly where you want it:

• WordPress: Add a Custom HTML block to your page, or paste it directly using the official EmbedSocial WordPress Plugin.
• Shopify: Open your theme builder, add a new Custom Liquid or HTML section, and paste the code.
• Wix/ Squarespace: Insert an Embed / Code block into your chosen page section, select “HTML”, and paste the snippet.
• Custom HTML: Open your .html file and paste the script directly into the exact <body> block element where the widget should render.

Add Facebook Reviews Alongside Your Facebook Feed With WiserReview

A Facebook feed helps visitors see your latest posts, but reviews add another type of social proof by showing what customers say about your business.

After embedding your Facebook feed, you can use WiserReview to display Facebook reviews on your website through review widgets.

You can import your Facebook reviews, choose a widget style, customize its appearance, and place it on important pages such as your homepage, product pages, or landing pages.

Here’s how to set it up:

Step 1: Start a free trial

Sign up for WiserReview. You get a 7-day free trial to test it.

Step 2: Open Integrations

In the left menu, click Integrations and search for Facebook.

Step 3: Log in with Facebook

Click the blue “Log in with Facebook” button, sign in with the account that manages your Page, and approve the permissions.

Step 4: Select your Page

Pick the business Page you want. WiserReview imports its recommendations into the Manage Reviews section.

Step 5: Choose a widget and customize it

Go to Widgets and pick a layout that fits the page, like a Carousel for a homepage or a Wall of Love for a dedicated testimonials page.

Adjust colors and layout to match your brand, and choose which reviews appear.

Step 6: Copy the code

Click Install and copy the JavaScript, iFrame, or URL version.

Step 7: Paste it on your site

Add it to an HTML or code block (not a text block) and publish.

Which method should you choose?

It comes down to what you want to display and how much you care about design. Use this quick comparison:

Here’s how I’d decide:

• Pick the native plugin if you want something live today, have a narrow spot for it, and don’t mind Facebook’s styling.
• Pick an aggregator if the feed sits in a prominent spot, needs to match your brand, or has to combine several Pages or networks.
• Add WiserReview if your goal is trust and conversions, not just activity. Customer recommendations persuade buyers in a way your own posts can’t.

Best practices for embedding Facebook feeds

Getting the code on the page is the easy part. These habits decide whether the feed helps or just takes up space.

Place it where it supports a decision: A homepage section, an events page, or a community page works well. Avoid putting a feed above your main call to action, since it pulls attention away.

Show fewer posts: Three to six recent posts look active. Twenty posts turn into a wall nobody scrolls.

Keep posting: Aim for at least one new post a week. If the newest post is months old, the feed signals that you’re inactive.

Moderate before you publish: Hide expired offers, price changes, and anything that no longer matches your site. This is where aggregators earn their fee.

Lazy-load the feed: Load it only when a visitor scrolls near it. The Page plugin has a lazy setting, and most widget tools load asynchronously by default.

Handle cookie consent: Facebook’s scripts can set cookies. If you have EU or UK visitors, load the embed only after they accept marketing cookies.

Design for mobile first: Look at the feed on your phone. Fixed-height feeds can trap users while scrolling on their phone, so carousels or grids are the way to go.

Add a clear follow link: Place a “Follow us on Facebook” link next to your feed so interested visitors know what to do next.

Troubleshooting common embed issues

Most Facebook feed embed problems come from one of a few causes. Work through these before you contact support.

The feed shows a blank space

Check the Page’s visibility first. If the Page is unpublished, has age or country restrictions, or the post isn’t set to Public, Facebook won’t render it for visitors.

Next, confirm you pasted both parts of the native code. The SDK script and the plugin div need to be on the same page.

The code shows up as text on the page

The code landed in a regular text or paragraph block, so your site builder treats it as words. Move it into a Custom HTML, Code, or Embed block.

The feed looks too narrow or cut off

The Page plugin tops out at 500 pixels wide, so it won’t stretch across a full-width section. Put it in a column, or switch to a widget tool for full-width layouts.

Also check that “adapt to container width” is on, and remove any custom CSS forcing the size. Meta specifically warns that CSS resizing can break its plugins.

New posts aren’t appearing

With the native plugin, try clearing your site’s cache and your browser cache. Caching plugins sometimes serve an old version of the page.

With an aggregator, check the refresh interval on your plan, then look for a disconnected source. A password change, a removed admin, or an expired login can all stop the sync. Reconnecting the Facebook account usually fixes it.

The page loads slowly

Turn on lazy loading, keep only one feed per page, and reduce the number of posts shown. If you run the native plugin and a widget on the same page, drop one.

Wrap up

If you only need a live feed and don’t care much about design, Facebook’s free Page plugin and embed code will get you there in a few minutes.

If the feed sits somewhere prominent, a third-party aggregator gives you the layout control, filtering, and extra content types that the native tools lack.

Whichever you pick, remember that a feed shows activity, not proof.

When I talk with store owners, the ones who get the most out of Facebook on their site pair their feed with real customer recommendations.