How to Add a Facebook Feed to a WordPress Website

Showing your live Facebook feed directly on your WordPress website is a fantastic way to connect your social media presence with your home base. It turns your site into a dynamic hub, keeps your content fresh automatically, and offers visitors a real-time glimpse into your brand's community. This guide will walk you through exactly how to add a beautiful, customizable Facebook feed to your WordPress site, step-by-step.

Why Add a Facebook Feed to Your WordPress Site?

Before jumping into the "how," let's quickly cover the "why." Integrating your Facebook feed isn't just about filling space on a page, it's a strategic move that delivers real benefits for your brand and audience.

• Boost Social Proof and Trust: A lively Facebook feed filled with posts, comments, and likes shows potential customers that you have an active and engaged community. This acts as powerful social validation, building trust in a way that static text can't.
• Keep Your Website Content Fresh: You might not update your blog every day, but you probably post on Facebook more often. An embedded feed automatically pulls in this new content, keeping your website looking current and dynamic with zero extra effort.
• Increase Facebook Engagement and Followers: By showcasing your Facebook content to website visitors, you give them a compelling reason to follow you. You're meeting them where they are and making it easy for them to join the conversation, which can lead to more likes, comments, and followers.
• Drive Traffic to Your Social Channels: An engaging post in your feed can tempt a website visitor to click through to your Facebook page to see more, effectively cross-promoting your platforms and building a stronger omnichannel presence.

The Easiest Way to Add a Facebook Feed: Use a WordPress Plugin

While Facebook offers a basic method for embedding a feed manually, the hands-down best approach for most people is to use a dedicated WordPress plugin. Here's why plugins are the superior choice:

• Ease of Use: No coding required. You can connect your account and embed a feed in minutes through a user-friendly interface.
• Deep Customization: Plugins let you control everything from the layout (grid, list, carousel) and color scheme to what post elements you want to display (likes, comments, share buttons).
• Reliability: Well-maintained plugins handle all the messy API connections in the background, ensuring your feed continues to work even when Facebook makes changes.
• Responsive Design: Your feed will automatically look great on desktops, tablets, and smartphones without you having to write a single line of CSS.

For this tutorial, we will be using the popular "Smash Balloon Social Post Feed" plugin. It's one of the most trusted and user-friendly options available, with a powerful free version that's perfect for getting started.

Step-by-Step Guide: Adding a Facebook Feed with a Plugin

Step 1: Install and Activate the Plugin

First things first, let's get the plugin installed on your WordPress site.

1. From your WordPress dashboard, navigate to Plugins >, Add New.
2. In the search bar at the top right, type "Smash Balloon Social Post Feed" or just "Facebook Feed."
3. You should see the plugin in the search results. Click the Install Now button.
4. Once it's installed, the button will change to Activate. Click it to turn the plugin on.

After activation, you'll see a new "Facebook Feed" menu item in your WordPress admin sidebar. This is where the magic happens.

Step 2: Connect Your Facebook Page or Group

Now you need to connect the plugin to the Facebook page or group you want to display.

1. Click on the Facebook Feed menu item in your dashboard sidebar. This will launch the setup wizard.
2. Click on the Add New button to create your first feed.
3. You'll be asked to select a feed type. The free version allows you to create a feed of your Facebook Page Timeline. Select this option and click Next.
4. Next, you'll need to connect a source. Click on Add New.
5. A pop-up window will appear, asking you to choose between connecting a Page or a Group. Select Page.
6. Click Connect to Facebook. This will redirect you to Facebook, where you'll be asked to grant the plugin permission to access your pages. It's very important to grant all requested permissions, as this allows the plugin to retrieve your posts correctly.
7. Once you've authenticated, you will be sent back to your WordPress site. Choose the specific Facebook page you want to display from the list and click Add. Then, click Next.

Your Facebook page is now securely connected to your WordPress website! The plugin will immediately generate a preview of your feed.

Step 3: Customize The Look of Your Feed

This is where you get to decide how your feed will look and feel. The Smash Balloon customization interface is intuitive and shows you a live preview of your changes as you make them.

Feed Layout

Under the Customize tab, go to Feed Layout. Here you can choose:

• Layout type: Grid, List, Masonry, or Carousel (Carousel is a pro feature).
• Number of posts: Define how many posts you want to show initially.
• Number of columns: If you're using a grid or masonry layout, you can set how many columns to use on desktop, tablet, and mobile. This helps a ton with responsiveness.

Color Scheme

Don't want the default Facebook blue? No problem. Go to the Color Scheme section. You have a few options:

• Inherit from Theme: This is a great choice as it will automatically pull the colors from your WordPress theme for seamless integration.
• Light or Dark: Quick presets for a clean look.
• Custom: Manually change the color of links, text, background, and more to perfectly match your brand's palette.

Header, Posts, and "Load More" Button

You can fine-tune nearly every part of the feed:

• Header: Under the Header section, you can choose to show or hide the header, and select from different styles (e.g., standard text or a more visual layout with your cover photo).
• Posts: In the Posts section, you control the appearance of individual posts. You can select between a regular or boxed style, and toggle different parts like the author, date, post text, and description.
• Like Box: Include a Like Box below your feed to encourage visitors to like your page directly from your site.
• Like/Comment/Share Buttons: Navigate to the Post subsection within the Customizer to choose if you want to display the reaction counts and social sharing links. Giving people the option to engage right on the page is a fantastic way to boost interaction.
• "Load More" Button: Head to the Load More Button settings to customize the button text and color, or turn it off entirely if you only want to show a fixed number of posts.

Once you're happy with how your feed looks, don't forget to click the Save button at the top right.

Step 4: Embed Your Feed on Your Website

You've installed the plugin, connected your account, and designed your feed. The final step is to display it on your site. The plugin gives you three simple ways to do this:

1. Using the Dedicated WordPress Block (Easiest)

If you're using the modern WordPress Block Editor (Gutenberg), this is the simplest method.

1. Open the page or post where you want to add the feed.
2. Click the (+) icon to add a new block.
3. Search for "Facebook Feed" and click the block to add it.
4. The feed you just created will automatically appear.
5. Update or publish your page, and your feed will be live!

2. Using the Shortcode

In the main plugin settings (Facebook Feed >, All Feeds), you'll see a shortcode next to your feed, like this:

[custom-facebook-feed feed=1]. You can copy this shortcode and paste it anywhere on your site:

• Into a "Shortcode" block in the Gutenberg editor.
• Into the classic WordPress TinyMCE editor.
• Into a text widget in your site's sidebar or footer.

This method is super versatile and works with almost every page builder out there.

3. Using the Widget

Want your Facebook feed to appear in your site's footer or sidebar?

1. Go to Appearance >, Widgets.
2. Find the "Facebook Feed" widget and drag it to your desired widget area (e.g., Sidebar, Footer Section 1).
3. Give it an optional title, and click Save.

Final Thoughts

Integrating your Facebook feed into your WordPress site is a straightforward process that offers massive benefits. By using a quality plugin, you bridge the gap between your website and your social community, creating a more dynamic, trustworthy, and engaging online presence for your visitors. It's an easy win for keeping your site fresh and amplifying your social proof.

Of course, a beautiful feed on your website is only as good as the content you're posting on social media. Keeping your channels updated with consistent, high-quality posts can be a huge time commitment. That's actually why we built Postbase. We wanted a simple, reliable tool to plan, schedule, and analyze our content for all platforms - especially short-form video for Reels and TikTok - without the clunky interfaces and frequent connection issues of older tools. If you want to streamline your social media workflow so that your newly embedded feed always has great stuff to show, you might find it helpful.