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

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

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp

Get Stunning Website in just 30 days

Services on: Website Design & Development | Website revamp | SEO | Social Media Optimization | Digital Marketing 


Would you like to add a Facebook exercise feed to your web site however undecided the place to begin?

Facebook is among the greatest property for contemporary on-line shops and content material entrepreneurs. It permits you to attain and interact with an viewers of over 2.5 billion individuals, making it a useful useful resource for constructing your model’s on-line presence.

And whereas many entrepreneurs preserve their exercise on Facebook unique to that platform, probably the most intelligent ones know you may maximize your efforts by including Facebook feeds to your web site.

This leverages your web site’s site visitors to assist develop your social presence. Then, as your Facebook exercise will get extra engagement, you should utilize that channel to ship much more individuals again to your web site for particular presents, reductions, gross sales, and extra.

In the long run, each your web site AND your Facebook web page work collectively to scale your corporation.

That’s why, in right now’s submit, we’re going to present you ways to add a Facebook exercise feed to your web site.

Let’s dive straight into the tutorial.

Add a Facebook Activity Feed to Your Website

The precise steps for including a Facebook exercise feed to your web site will fluctuate relying on which platform you’re utilizing.

For those who’re snug modifying your web site’s code, then you may at all times depend on Facebook’s personal instrument, Web page Plugin:

facebook feed plugin


This permits you to enter your Facebook URL, choose the width and peak of how the feed shows in your web site, and a few different configuration choices.

Then you definitely’ll merely generate a code snippet and add that to your web site’s supply code.

This may be a nice useful resource for individuals snug with diving beneath the hood of their web site.

However what about those that aren’t snug with modifying code? Or what about those that need extra management over their exercise feed’s design?

For those who’re a WordPress consumer, you then’re in luck!

That’s as a result of there are instruments that make it straightforward to add a Facebook exercise feed to your WordPress web site in seconds without having to work with any code in any respect.

Plus, these plugins offer you extra customization choices to work with. Which means you may have your Facebook exercise feed match your model’s look and magnificence, so it blends in along with your web site.

In the present day, we’ll be working with the perfect social media plugin in the marketplace, Smash Balloon:

Smash Balloon Homepage

Smash Balloon is the world’s main social media feed plugin for WordPress and makes it ridiculously straightforward to add a Facebook exercise feed to your web site.

Plus, Smash Balloon works with different social media platforms, akin to:

  • Instagram
  • Twitter
  • YouTube
  • Facebook teams

As you’ll see, this instrument offers you extra management over how your exercise feed is displayed to your viewers, so you may make it match your model’s fashion.

And because it comes with over a dozen pre-built feed layouts, you received’t ever have to contact any code.

For those who’re severe about rising your on-line presence by way of social media, you then’ll positively need to begin utilizing Smash Balloon right now.

Prepared to add a Facebook exercise feed to your web site? Let’s dive into the tutorial.

Step 1) Smash Balloon’s Social Feed Bundle (Non-obligatory)

The very first thing you’ll need to do is join your Smash Balloon account.

We extremely suggest buying the Social Feeds + the Social Media Bundle. This offers you entry to:

  • Instagram Feed Professional
  • Customized Twitter Feeds Professional
  • Feeds for YouTube Professional
  • Customized Facebook Feed Professional
  • All Facebook extensions

Plus, you have got precedence assist to aid you establish and repair points FAST. However should you’re on a funds, you may also click on right here to buy the Customized Facebook Feed Professional particular person plugin.

When you’ve signed up on your account, you’ll want to obtain the plugin and find the license key.

You are able to do each of these from the Downloads tab in your Smash Balloon account:

smash balloon download plugin


Then head over to Plugins » Add New in your WordPress web site’s admin menu. Subsequent, click on Add Plugin on the prime of the web page:

upload new plugin

Then drag and drop your Smash Balloon plugin file over the place it says Select File (or manually choose the file by clicking that button).

After that, click on Set up Now:

upload new plugin

You’ll be redirected to one other display as soon as the plugin is put in. Click on Activate Plugin:

activate smash balloon social wall plugin

For those who bought the Smash Balloon bundle, you’d have the opportunity to activate and obtain the Facebook Feed Professional plugin free of charge:

find the facebook plugin from social feeds

However let’s additionally take a look at the way you’d go about downloading this plugin individually, if obligatory.

Step 2) Add the Facebook Feed Professional Plugin

Once more, we suggest buying the Social Wall + Social Media Bundle if you need entry to extra platforms than simply Facebook.

Nonetheless, should you simply need to add the customized Facebook exercise feed on your web site, that’s no downside.

You can begin your account by signing up right here.

Whenever you buy the plugin, you’ll seize your license key and plugin obtain from the Downloads tab of your Smash Balloon account:

download the custom facebook feed pro plugin

When you have got the obtain file, you may add it to your WordPress web site the identical means we lined within the final step.

Head to Plugins » Add New and click on Add on the prime of the display:

upload new plugin

Then drag and drop your Customized Facebook Feed Professional plugin (or choose the file manually):

upload new plugin

When that’s accomplished, ensure to Activate the plugin to get began.

Then you definitely’ll merely want to join the Smash Balloon plugin along with your Facebook account.

Step 3) Join Smash Balloon to Facebook

After getting your Social Wall and Customized Facebook Feed Professional plugins put in, you’re simply a few clicks away from having a Facebook exercise feed added to your web site.

Out of your WordPress admin dashboard, click on Social Feeds » Facebook Feed.

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

connect a facebook account

You’ll see a popup seem asking you to resolve between displaying a Facebook Web page or a Facebook Group.

Choose the choice you need and click on Proceed:

decide beween facebook page or facebook group

Your Facebook web page will seem with a immediate asking you to enable Smash Balloon entry to your account. Click on Proceed as [Your Name]:

continue to facebook login for smash balloon

Then choose the web page that you really want Smash Balloon to join with. When you’ve chosen the pages, click on Subsequent:

select pages for smash balloon to connect with

Lastly, you’ll want to enable Smash Balloon entry to options of your Facebook account. You may allow or disable the next choices:

  • Present a record of Pages you handle
  • Learn content material posted on the web page
  • Handle accounts, settings, and webhooks for a Web page
  • Learn consumer content material in your web page

smash ballon configuration options for facebook

All of those choices are enabled by default, and we suggest leaving them that means.

Whenever you’ve chosen the choices that fit your wants greatest, click on Carried out.

You’ll be redirected again to your WordPress admin dashboard, the place you’ll affirm the web page you chose on Facebook is the one you need to show in your WordPress web site.

Click on Join All when you’ve chosen the correct pages:

connect all fb pages to smash balloon

At this level, all that’s left is customizing your Facebook exercise feed and embedding the shortcode onto the pages or posts the place you need them to seem.

Step 4) Customise Your Activity Feed

Smash Balloon offers you a ton of choices to modify your exercise feed’s look and magnificence.

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

This offers you many areas to customise, together with:

  • Common
  • Submit Format
  • Type Posts
  • Misc
  • Customized Textual content/Translate

smash balloon customize tab

These choices offer you management over how your exercise feed seems in your web site.

We received’t have time to get into all of the customization choices on this useful resource.

As a fast overview, the Common settings are the place you’ll customise how your Facebook feed seems. As you may see within the picture above, you may configure choices like:

  • Width
  • Peak
  • Padding
  • Background colour
  • And extra…

We must also point out that you may choose particular submit varieties to show, akin to:

  • Statuses
  • Occasions
  • Photographs
  • Movies
  • Hyperlinks
  • Albums

post types for facebook feed

There are two belongings you’ll positively need to search for, although, together with:

1) Deciding on Your Submit Format: You could have 3 choices on your feed’s format:

  • Thumbnail
  • Half-width
  • Full-width

facebook feed settings in smash balloon

2) Type of Your Submit: Right here, you have got 2 choices:

  • Common
  • Boxed

post style in smash balloon

These styling choices offer you extra management over how your Facebook exercise seems in your web site.

You may want to contemplate testing these choices over time to see which fashion will get you the very best engagement charges on your web site.

When you’ve personalized your Facebook exercise feed, all that’s left is to embed the feed in your posts or pages.

Step 5) Embed Your Facebook Activity Feed

You could have 2 choices for including your Facebook exercise feed to your web site:

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

Let’s rapidly take a look at how one can accomplish each of those duties.

1) Add Facebook Feed to Posts or Pages

Smash Balloon makes it extremely easy to add your Facebook feed to pages or posts in your WordPress web site.

For those who’re utilizing the Gutenburg block edit, you may merely choose the Facebook Feed block to insert your feed:

custom facebook feed block in the gutenburg editor

This will provide you with a preview of your Facebook feed the place you may publish it immediately.

Nonetheless utilizing the Basic editor? Not a downside.

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

smash balloon custom feed shortcode

Then you may embed this shortcode on any of your posts or pages, similar to you’d add every other shortcode.

However in some circumstances, you may want to add your Facebook feed to the sidebar on each web page of your web site. Let’s rapidly take a look at how to accomplish that.

2) Add Facebook Feed to WordPress Sidebar

In WordPress, go to Look » Widgets. Scroll down till you discover the Textual content widget.

Choose Sidebar and click on Add Widget:

add facebook feed to sidebar

Then while you scroll again up to your widget choices, you may identify your sidebar widget and add your Smash Balloon Facebook feed’s shortcode:

add shortcode to sidebar widget

Then click on Save.

And that’s it! You now have a Facebook exercise feed up and working the place you’d like in your web site.

Once more, this may be accomplished in simply a couple of minutes, with zero coding abilities required.

Plus, you may add this feed to any web page or submit in your web site. Or you may add it to the sidebar of your complete web site in simply a few clicks.

Need to give it a shot for your self? Click on right here to join Smash Balloon right now!

We hope you loved this tutorial. For those who did, you then’ll positively need to take a look at the next sources:

  • How to Create a “Like Us” Popup in Underneath 5 Minutes
  • The Final Information to Getting Free Site visitors from Facebook
  • How to Greet Guests With a Popup from Facebook

These sources will provide you with extra info on how you should utilize Facebook to have interaction your viewers and develop your corporation.



Courtesy: Source

#Add #Facebook #Activity #Feed #Website #Easy

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp

Openbrace

Chennai's Best Website Design & Development hub. We create Professional stunning WordPress websites and doing Digital Marketing to scale up your business.

Latest Articles

Happy to help you