How To Embed Facebook Feed On Your Website For FREE
Home Blog How to Embed Facebook Feed On Your Website for FREE

How to Embed Facebook Feed On Your Website for FREE

How To Embed Facebook Feed On Your Website For FREE

Want a simple way to embed Facebook feeds on your website for free?

As the biggest social media platform, you can use Facebook to reach tons of new customers for your brand. And a great way to do Facebook marketing is to show Facebook feeds on your site.

But there are tons of Facebook feed plugins out there, so finding the right option that fits your budget can be tough.

To help you out, we’ll show you how to display Facebook feeds on your website completely free of cost!

Let’s take a look at this helpful tool that you can use to embed Facebook feeds for free.

Or you can click here to skip directly to the tutorial.

Easy Way to Embed a Facebook Feed on Your Website

You can easily embed Facebook feeds on your website with the help of the Smash Balloon Social Post Feed plugin.

Since it’s the free version of the best Facebook feed plugin in the market, you can use it to create, customize, and embed Facebook feeds in just minutes.

All you have to do is follow the 3-step guided flow, and it will take you through the whole process — no coding needed.

smash balloon best facebook feed plugin

Plus, the Facebook feeds will automatically copy the design of your website and fit your branding. You can then use the live customizer to edit your feeds with ease.

You can easily change your feed type, color scheme, header design, post style, and much more with a real-time preview to help you out.

live feed editor facebook feed free

Social Post Feed also comes with a smart caching feature that saves a copy of your Facebook feeds.

That way, your website can simply show the saved copy instead of loading the Facebook feed from scratch each time.

As a result, your Facebook feeds will be ultra-fast and your website will have improved SEO as well.

If you don’t have room in your budget for the premium version, Social Post Feed can be a great way to grow your brand’s Facebook presence.

Want even more features?

You can easily upgrade to Facebook Feed Pro at any time and get access to tons of other features.

Let’s take a look at these features below.

Facebook Feed Pro: Free vs. Premium

As the best Facebook feed plugin in the market, Facebook Feed Pro comes with even more amazing features to help you integrate your website with Facebook.

Using this premium Facebook feed plugin, you can:

  • Get dedicated customer support at any time from a team of WordPress experts
  • Add even more features with a growing library of Facebook extensions
  • Allow visitors to check out your photos and videos using a beautiful popup lightbox
  • Create a Facebook gallery by selecting the grid feed layout
  • Show a load more button so visitors can continue checking out Facebook content
  • Choose between a thumbnail, half-width, or full-width layout for your posts
  • Create a Facebook events calendar and embed it on your website
  • Use the moderation features to control which Facebook posts show up on your website
  • Display the number of likes, comments, shares, and reactions under the Facebook posts
  • And much more

As you can see, there’s a lot you can do with the Facebook Feed Pro plugin. Because of all these amazing features, it has an average rating of 4.9/5 Stars from a total of over 250,000 active users.

Want to create engaging Facebook feeds? Get Facebook Feed Pro today!

With that, let’s get started and see how you can use the free version of this plugin to create Facebook feeds on your site.

How to Embed Facebook Feeds on Your Website for Free

Ready to start embedding Facebook feeds on your website for free? All you have to do is follow the steps below.

Step 1: Install the Social Post Feed Plugin

To get started, you can install the Social Post Feed plugin from the WordPress.org repository.

First, navigate to Plugins » Add New menu from your WordPress dashboard area.

add new plugin wordpress

From there, you can add, remove, or update the plugins on your WordPress website.

Using the search bar on the upper-right, look for “smash balloon facebook feed” to continue.

After that, look for the plugin in the search results below and click on the Install Now button.

smash balloon facebook feed plugin

Once you do that, WordPress will automatically install the plugin on your website.

You can now wait a few seconds for the plugin to install, and then the button will change into the Activate button. Just click on it to continue.

activate the smash balloon social post feed plugin

You’ve now installed and activated the plugin on your WordPress website. In step 2, you can go ahead and create a new feed using its guided flow.

Step 2: Create Your Facebook Feed

With the help of this plugin, you can create Facebook feeds in just a few simple clicks.

First, open the Facebook Feed » All Feeds menu from your WordPress admin area.

After that, click on the big Add New button at the top.

create a new facebook feed

Once you do that, you can start connecting this feed to a Facebook timeline.

But if you use the premium version, you get 9 options to pick from: such as timeline feed, reviews feed, videos feed, photos feed, albums feed, and much more.

To continue, click on the Next button here.

You’ve just created a new Facebook feed using our guided flow. In step 3, you can go ahead and connect it to a source.

Step 3: Connect Your Facebook Account

The next step is to connect your Facebook account to the Social Post Feed plugin. By doing that, the plugin can show Facebook content on your site.

Ready to connect your account? First, click on the Add New button.

add source facebook feed pro

Next, you can pick from 2 options for the source of your feed: a Facebook page or group.

Just select the option you want to show on your website and then click on Connect to Facebook.

connect to facebook using facebook feed pro

Clicking on that will open Facebook on your browser so you can finish connecting your account.

To do that, first, select the Facebook page or group that you want to connect to, and then click on Next.

select the facebook pages

After that, Smash Balloon will ask for read-only access to your Facebook account.

Since this access is read-only, the plugin can only view your Facebook content and won’t be able to make any changes to your account.

To continue, click on the Done button on the popup.

allow read only access to facebook feed pro

Next, the plugin will open your website once again so you can confirm this Facebook page or group as the source.

To do that, click on the Add button at the bottom.

confirm facebook feed source

From now on, you can automatically connect this source from your website when creating Facebook feeds.

Just click on the Next button on the popup to proceed.

confirm source facebook feed pro

Like that, you’ve created your Facebook feed and connected it to a page or group. You can now move on to step 4 and change how it looks.

Step 4: Customize Your Facebook Feed

To help you customize your Facebook feeds with ease, the plugin comes with a simple live feed editor.

Using the customization panel on the left, you can change your feed size, color scheme, header design, and much more.

And towards the right, you can see a real-time preview of your Facebook feed.

live feed editor facebook feed free

For this example, let’s see how you can customize your Facebook feed’s colors.

Just click on the Color Scheme option on the left to get started.

color scheme option for facebook feed

To help you customize your colors with ease, you get 4 color schemes to pick from:

  • Inherit from Theme: Automatically copy your WordPress theme’s colors
  • Light: Display a bright background along with a dark font
  • Dark: Show a dark background along with a light-colored font
  • Custom: Pick all the feed colors yourself
color scheme option for facebook feed

Select the color scheme that you want for your Facebook feed, and then click on Save to confirm your changes.

As you can see, this live feed editor makes it easy to customize your Facebook feed. You can go ahead and customize your feed size, number of posts, header, buttons, and more.

Finally, click on the Save button at the top once you’re happy with the design of your feed.

Want even more customization options?

With Facebook Feed Pro, you get more customization options to help you change your feed layout, post layout, lightbox option, feed templates, and much more.

Step 5: Embed Facebook Feed Into Your Website

Now, you can use this plugin to embed the Facebook feed on your website for free. To do that, you can choose between 2 methods.

  • Embed Facebook feed on a website’s page
  • Embed Facebook feed on a website’s sidebar or footer areas

Let’s take a look at both of these methods below.

Embed Facebook Feed on a Website’s Page

You can go ahead and embed your feed directly from the live feed editor using this plugin.

First, click on the Embed button at the top to get started.

embed your facebook feed for free

This will open a popup where you can use pick the location of your Facebook feed.

To show Facebook content on a web page, click on the Add to a Page button.

add to a page facebook feed free

After that, the plugin will show you a list of all the WordPress pages on your site.

To continue, select the page where you want to embed the Facebook feed and then click on Add.

select page free facebook feed

Now, you can simply use a WordPress content block to embed your Facebook feed.

To get started, click on the plus (+) icon to add a new block.

add new content block on wordpress

Next, use the search field at the top to look for “facebook” and then click on the Custom Facebook Feed block from the search results below.

With that, you’ve embedded your Facebook feed on your website free of any hassle. Just click on Update, and your feed will be online.

You can now take a look at your website to see how it looks to your visitors.

example of facebook feed on your website

Now, let’s go ahead and see how to embed Facebook feeds on your widget-ready areas.

Embed Facebook Feed on a Website’s Sidebar or Footer

Like earlier, you can use the live feed editor to embed your Facebook feed as a widget.

If you want to open the live feed editor once again, first, navigate to the Facebook Feed » All Feeds menu from your WordPress dashboard.

Then, click on the Facebook feed that you’d like to embed.

open feed in the live customizer facebook

From the live feed editor, click on the Embed button at the top to continue.

embed your facebook feed for free

Now, you’ll see the popup that asks where you want to embed your Facebook feed.

For now, click on the Add to a Widget button.

add to a widget facebook feed free

The plugin will then open the Widgets page of your website so you can add your Facebook feed widget there.

To continue, you can click on the Sidebar panel here.

open sidebar panel to embed live instagram feed

Or, you can click on a Footer panel instead if you want to embed your Facebook feed there.

We’ll use the sidebar for our example.

open footer panel to embed live instagram feed

After that, click on the plus (+) icon at the bottom to add a new widget.

Finally, you can embed your Facebook feed by clicking on the Custom Facebook Feed widget.

facebook social media feed widget

Now click on Update, and your Facebook feed will be online.

If you open your website, you can see how it looks on your sidebar or footer, like this:

sidebar widget facebook feed

And there you go!

Now you know how to embed Facebook feeds on your website for free. With a Smash Balloon plugin, all it takes is a few simple clicks — no coding needed.

And if you want lots of feed types, more customization options, dedicated customer support, and more features, then you can get Facebook Feed Pro.

Ready to get started? Get Facebook Feed Pro today!

If you want to create a dedicated community on Facebook, check out this guide on how to make your Facebook group popular.

And if you enjoyed this article, feel free to follow us on Twitter and Facebook for more social media marketing tutorials.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

[extended]
[extended]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]
[EXTENDED]