How to Embed a Facebook Post or Feed in WordPress

Adding a Facebook post or feed to your WordPress site is a great way to share updates, showcase reviews, or highlight your brand’s social activity.

This guide covers how to embed Facebook content in WordPress using built-in tools, manual embed codes, and plugins. You’ll also find tips for layout, privacy settings, and troubleshooting. Let’s dive in!

Embed a single Facebook post using the Facebook Embed block

While WordPress does not include a Facebook block by default, the Jetpack plugin adds this functionality for free. After installing and activating any Jetpack plan, follow these instructions:

1. Open the page or post where you want to add your Facebook post.
2. Click the + icon at the top left and search for “Facebook.” 
3. Drag the Facebook Embed block into place on the page.
4. Paste the URL of the Facebook post into the block and click Embed.
5. Save the page. When you view it on the front end, the post will appear.

Embed a single Facebook post using the Custom HTML block

You can also add a Facebook post using the Custom HTML block. Here’s how:

1. Go to the Facebook post you want to embed.
2. Click the three-dot menu at the top right of the post.
3. Select Embed and copy the generated embed code.
4. In the WordPress block editor, add a Custom HTML block.
5. Paste the code into the block, save the page, and preview.

The post will display with comments, reactions, and media if the original content is public.

Embed a Facebook video or livestream

If the post is a Facebook video or livestream, you can embed it the same way.

1. Open the video post on Facebook.
2. Click the three-dot menu and select Embed.
   Copy the full embed code.
3. In WordPress, add a Custom HTML block and paste the code.
4. Save the page and preview.

Facebook videos are responsive by default and will scale with your layout.

Embed Facebook content in the Classic Editor

If you’re using the Classic Editor plugin, embedding follows a similar process.

1. Copy the embed code from Facebook.
2. In the WordPress editor, switch to the Code tab.
3. Paste the code where you want the post or feed to appear.
4. Save or preview the post.

You won’t see the preview in the editor, but it will appear correctly on the published page.

Embed a Facebook page feed or timeline

If you want to show a live feed of your entire Facebook Page, you’ll need to use the Facebook Page Plugin, which is a tool directly from the Meta team.

1. Visit the official plugin generator.
2. Enter your Page URL.
3. Set your display options, such as width, height, and tabs (timeline, events, messages).
4. Click Get Code.
5. Copy the HTML code from the second box, under “Step 3.”
6. In WordPress, add a Custom HTML block.
7. Paste the code and save.

This creates a live feed of your Facebook page, showing posts, likes, and a follow button.

Embed Facebook posts or feeds with plugins

If you prefer a hands-off solution, there are plugins that make embedding Facebook content easier. Here are a couple of options:

• Smash Balloon Social Post Feed: Shows full Facebook feeds with advanced options for layouts and caching
• EmbedSocial for Facebook: Lets you display albums, reviews, and videos from your Facebook page

Embed Facebook posts or feeds in widgets or sidebars

You can also show Facebook content in global areas, like your sidebar or footer. Note that the following instructions specifically apply to block themes: 

1. In your WordPress dashboard, go to Appearance → Editor.
2. Select the template you want to edit. In this case, we’re selecting Patterns → Footer.
3. Click the + icon at the top left.
4. Search for either the Facebook Embed block (if you use Jetpack) or the Custom HTML block. Drag it into the template.
5. Paste the Facebook post URL or embed code, depending on the block you chose.
6. Save the post and preview on the front end.

Troubleshooting Facebook embed problems

Let’s address a few potential issues and how to solve them.

The embed doesn’t appear:

• Check that the post or page is set to public.
• Make sure your browser is not blocking third-party scripts.
• If using a plugin, verify that you’ve connected the correct Facebook Page ID.

The embed code breaks the layout:

• Make sure you’re using a Custom HTML block, not a Paragraph or Quote block.
• Remove any extra line breaks or formatting tags.
• If using the Classic Editor, always paste in the Code tab, not Visual.

The feed looks too wide or narrow:

• Adjust width settings in the embed code.
• If needed, wrap the embed in a <div style=”max-width: 100%;”> to make it responsive.

Go further with Jetpack Social

Embedding a Facebook post or feed is a great way to highlight content, but it’s only part of the picture. To get the most from social media, it helps to have a tool that brings everything together.

That’s where Jetpack Social can make a big difference.

Jetpack Social lets you automatically share new posts from your WordPress site to your connected Facebook, Instagram, LinkedIn, and Tumblr accounts. You can schedule posts in advance or share them right away, all from your WordPress dashboard. This saves time and keeps your publishing consistent without needing to copy and paste links manually.

If you’re working with a team or managing multiple sites, Jetpack Social supports planning across platforms with built-in queueing and scheduling tools. You can even add custom messages for each network, so your content is perfect everywhere it appears.

The best part? You don’t need to switch between tabs or rely on separate apps. Everything runs inside WordPress, so you can focus on writing and let Jetpack handle the rest.

Learn more about Jetpack Social here.