OptinMonster Logo

How to Add a Facebook Activity Feed to Your Website (the Easy Way)

Last updated on

by

how to add a facebook activity feed to your website featured image

Do you want to add a Facebook activity feed to your website but not sure where to start?

Facebook is one of the best assets for modern online stores and content marketers. It allows you to reach and engage with an audience of over 2.5 billion people, making it an invaluable resource for building your brand’s online presence.

And while many marketers keep their activity on Facebook exclusive to that platform, the most clever ones know you can maximize your efforts by adding Facebook feeds to your website.

This leverages your site’s traffic to help grow your social presence. Then, as your Facebook activity gets more engagement, you can use that channel to send even more people back to your website for special offers, discounts, sales, and more.

In the end, both your website AND your Facebook page work together to scale your business.

That’s why, in today’s post, we’re going to show you how to add a Facebook activity feed to your website.

Let’s dive straight into the tutorial.

Add a Facebook Activity Feed to Your Website

The exact steps for adding a Facebook activity feed to your website will vary depending on which platform you’re using.

If you’re comfortable editing your site’s code, then you can always rely on Facebook’s own tool, Page Plugin:

facebook feed plugin

This allows you to enter your Facebook URL, select the width and height of how the feed displays on your site, and a few other configuration options.

Then you’ll simply generate a code snippet and add that to your site’s source code.

This can be a great resource for people comfortable with diving under the hood of their website.

But what about those who aren’t comfortable with editing code? Or what about those who want more control over their activity feed’s design?

If you’re a WordPress user, then you’re in luck!

That’s because there are tools that make it easy to add a Facebook activity feed to your WordPress site in seconds without needing to work with any code at all.

Plus, these plugins give you more customization options to work with. That means you can have your Facebook activity feed match your brand’s look and style, so it blends in with your website.

Today, we’ll be working with the best social media plugin on the market, Smash Balloon:

smash ballon social media feeds plugin

Smash Balloon is the world’s leading social media feed plugin for WordPress and makes it ridiculously easy to add a Facebook activity feed to your website.

Plus, Smash Balloon works with other social media platforms, such as:

  • Instagram
  • Twitter
  • YouTube
  • Facebook groups

As you’ll see, this tool gives you more control over how your activity feed is displayed to your audience, so you can make it match your brand’s style.

And since it comes with over a dozen pre-built feed layouts, you won’t ever have to touch any code.

If you’re serious about growing your online presence through social media, then you’ll definitely want to start using Smash Balloon today.

Ready to add a Facebook activity feed to your website? Let’s dive into the tutorial.

Step 1) Smash Balloon’s Social Feed Bundle (Optional)

The first thing you’ll want to do is sign up for your Smash Balloon account.

We highly recommend purchasing the Social Feeds + the Social Media Bundle. This gives you access to:

  • Instagram Feed Pro
  • Custom Twitter Feeds Pro
  • Feeds for YouTube Pro
  • Custom Facebook Feed Pro
  • All Facebook extensions

Plus, you have priority support to help you identify and fix issues FAST. But if you’re on a budget, you can also click here to purchase the Custom Facebook Feed Pro individual plugin.

Once you’ve signed up for your account, you’ll need to download the plugin and locate the license key.

You can do both of those from the Downloads tab in your Smash Balloon account:

smash balloon download plugin

Then head over to Plugins » Add New in your WordPress site’s admin menu. Next, click Upload Plugin at the top of the page:

upload new plugin

Then drag and drop your Smash Balloon plugin file over where it says Choose File (or manually select the file by clicking that button).

After that, click Install Now:

upload new plugin

You’ll be redirected to another screen once the plugin is installed. Click Activate Plugin:

activate smash balloon social wall plugin

If you purchased the Smash Balloon bundle, you’d be able to activate and download the Facebook Feed Pro plugin for free:

find the facebook plugin from social feeds

But let’s also look at how you’d go about downloading this plugin individually, if necessary.

Step 2) Add the Facebook Feed Pro Plugin

Again, we recommend purchasing the Social Wall + Social Media Bundle if you want access to more platforms than just Facebook.

However, if you just want to add the custom Facebook activity feed for your site, that’s no problem.

You can start your account by signing up here.

When you purchase the plugin, you’ll grab your license key and plugin download from the Downloads tab of your Smash Balloon account:

download the custom facebook feed pro plugin

When you have the download file, you can upload it to your WordPress site the same way we covered in the last step.

Head to Plugins » Add New and click Upload at the top of the screen:

upload new plugin

Then drag and drop your Custom Facebook Feed Pro plugin (or select the file manually):

upload new plugin

When that’s done, be sure to Activate the plugin to get started.

Then you’ll simply need to connect the Smash Balloon plugin with your Facebook account.

Step 3) Connect Smash Balloon to Facebook

Once you have your Social Wall and Custom Facebook Feed Pro plugins installed, you’re just a few clicks away from having a Facebook activity feed added to your site.

From your WordPress admin dashboard, click Social Feeds » Facebook Feed.

Make sure you’re logged in to Facebook in a separate browser tab. Then in your WordPress dashboard, click Connect a Facebook Account:

connect a facebook account

You’ll see a popup appear asking you to decide between displaying a Facebook Page or a Facebook Group.

Select the option you want and click Continue:

decide beween facebook page or facebook group

Your Facebook page will appear with a prompt asking you to allow Smash Balloon access to your account. Click Continue as [Your Name]:

continue to facebook login for smash balloon

Then select the page that you want Smash Balloon to connect with. Once you’ve selected the pages, click Next:

select pages for smash balloon to connect with

Finally, you’ll need to allow Smash Balloon access to features of your Facebook account. You can enable or disable the following options:

  • Show a list of Pages you manage
  • Read content posted on the page
  • Manage accounts, settings, and webhooks for a Page
  • Read user content on your page

smash ballon configuration options for facebook

All of these options are enabled by default, and we recommend leaving them that way.

When you’ve selected the options that suit your needs best, click Done.

You’ll be redirected back to your WordPress admin dashboard, where you’ll confirm the page you selected on Facebook is the one you want to display on your WordPress site.

Click Connect All once you’ve selected the right pages:

connect all fb pages to smash balloon

At this point, all that’s left is customizing your Facebook activity feed and embedding the shortcode onto the pages or posts where you want them to appear.

Step 4) Customize Your Activity Feed

Smash Balloon gives you a ton of options to modify your activity feed’s look and style.

Head to the Customize tab in your Smash Balloon dashboard (in WordPress).

This gives you several areas to customize, including:

  • General
  • Post Layout
  • Style Posts
  • Misc
  • Custom Text/Translate

smash balloon customize tab

These options give you control over how your activity feed appears on your website.

We won’t have time to get into all the customization options in this resource.

As a quick overview, the General settings are where you’ll customize how your Facebook feed looks. As you can see in the image above, you can configure options like:

  • Width
  • Height
  • Padding
  • Background color
  • And more…

We should also mention that you can select specific post types to display, such as:

  • Statuses
  • Events
  • Photos
  • Videos
  • Links
  • Albums

post types for facebook feed

There are two things you’ll definitely want to look for, though, including:

1) Selecting Your Post Layout: You have 3 options for your feed’s layout:

  • Thumbnail
  • Half-width
  • Full-width

facebook feed settings in smash balloon

2) Style of Your Post: Here, you have 2 options:

  • Regular
  • Boxed

post style in smash balloon

These styling options give you more control over how your Facebook activity appears on your site.

You might want to consider testing these options over time to see which style gets you the highest engagement rates for your site.

Once you’ve customized your Facebook activity feed, all that’s left is to embed the feed on your posts or pages.

Step 5) Embed Your Facebook Activity Feed

You have 2 options for adding your Facebook activity feed to your site:

  • Add them to posts or pages
  • Add them to your site’s sidebar

Let’s quickly look at how you can accomplish both of these tasks.

1) Add Facebook Feed to Posts or Pages

Smash Balloon makes it incredibly simple to add your Facebook feed to pages or posts on your WordPress site.

If you’re using the Gutenburg block edit, you can simply select the Facebook Feed block to insert your feed:

custom facebook feed block in the gutenburg editor

This will give you a preview of your Facebook feed where you can publish it directly.

Still using the Classic editor? Not a problem.

In your Social Feed menu (in WordPress), your Facebook feed will generate a shortcode:

smash balloon custom feed shortcode

Then you can embed this shortcode on any of your posts or pages, just like you’d add any other shortcode.

But in some cases, you might want to add your Facebook feed to the sidebar on every page of your site. Let’s quickly look at how to accomplish that.

2) Add Facebook Feed to WordPress Sidebar

In WordPress, go to Appearance » Widgets. Scroll down until you find the Text widget.

Select Sidebar and click Add Widget:

add facebook feed to sidebar

Then when you scroll back up to your widget options, you can name your sidebar widget and add your Smash Balloon Facebook feed’s shortcode:

add shortcode to sidebar widget

Then click Save.

And that’s it! You now have a Facebook activity feed up and running where you’d like on your site.

Again, this can be done in just a few minutes, with zero coding skills required.

Plus, you can add this feed to any page or post on your site. Or you can add it to the sidebar of your entire site in just a few clicks.

Want to give it a shot for yourself? Click here to sign up for Smash Balloon today!

We hope you enjoyed this tutorial. If you did, then you’ll definitely want to check out the following resources:

These resources will give you more information on how you can use Facebook to engage your audience and grow your business.


Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

CTA background
CTA thumbnail

Over 70% of visitors who abandon your website will never return! Learn how to unlock the highest conversion revenue from each of your website visitors!

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.

1
1
1

Enter all the Optin Gallery Pages here

Enter each choice on a new line. For more control, you may specify both a value and label like this: red : Red

Enter each choice on a new line. For more control, you may specify both a value and label like this: red : Red

1

Blog Sidebar Campaign Form

Popular Posts

Connect with us:

Start Getting More
Leads & Sales Today
with OptinMonster!

Popups work, and you can get started for a few bucks a month. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?