Home » WordPress Tutorials » Customization » How to Add Facebook Feed to WordPress

How to Add Facebook Feed to WordPress

When learning how to build a WordPress website, it is important to know how to connect your pages with social media.

Since we already discussed how you can embed your Instagram feed in WordPress, now it is time to do the same with Facebook.

Connecting your Facebook page with WordPress can be greatly beneficial.  By doing so, you can engage with your audience in one more way and grow your website and Facebook traffic.

There are two ways you can connect Facebook with WordPress:

In the following paragraphs, you will read how you can use both options.

 

How to Add Facebook Feed to WordPress

There are two ways you can incorporate Facebook posts into WordPress:

  1. Via embedding code snippets for individual posts.
  2. Via a plugin for the entire feed.

Further in the article, you will read how to use both.

 

How to Embed a Single Facebook Post to WordPress

The process is very easy and requires only a few minutes of your time and no specific skills.

First, find the Facebook post you wish to include on your website.

Then, locate the three dots at the top right corner of the post and click them:

facebook post options menu

 

Then, from the drop-down menu, click on Embed:

facebook embed post options

 

This will open the embedding options for this particular post:

Facebook embed post menu

 

Click on the blue Copy Code button.

Now, enter your WordPress dashboard and head to the post or page in which you wish to include the Facebook post (for this demonstration, we will embed the post within a page).

To do so, simply go to Pages->All Pages (or Posts->All Posts), and from the list of your pages/posts select one:

WordPress admin panel all pages

 

While on the Edit page, switch to Text Editor:

wordpress page edit text editor

 

Now, determine where you wish to place the copied code. Remember that wherever you include this snippet, there the post will appear in Preview mode:

wordpress page embed code snippet

 

Now, click Update, so WordPress applies and saves the changes, and open your page:

WordPress embed facebook post preview

 

How to Embed Facebook Feed to WordPress

The easiest and fastest way to include an entire social media feed is by using a WordPress plugin.

There are various plugins you can use to embed your feed to your site and for this demonstration, we will use Smash Balook Social Post Feed:

Smash Baloon Social Post Feed Plugin

 

To be able to use the plugin, first, you should install it.

Once you’ve done so, open the plugin’s settings:

WordPress Plugin Settings

 

Then, follow the instructions inside and customize your appearance and preferred content display:

WordPress Customize Appearance Plugin

 

You will be asked to connect with your Facebook profile:

WordPress Connect with Facebook Profile

 

Once the process is finished, you will be redirected to the content customization page of the plugin:

WordPress Customize Feed Plugin

 

From here you can make various changes. Once you are done with the setup, head towards the Embed button at the top right corner and copy the code snippet that will appear:

WordPress Facebook Embed Code

 

Now, go to any page or post in which you wish to include the Facebook feed. For this demonstration we created a new page in which we will include it, however, keep in mind that the process is similar when embedding the code to a WordPress post:

WordPress Dashboard All Pages Menu

 

Open the page/post and head to the text editor:

WordPress Edit Page Text Editor

 

While there, decide where you wish to place the snippet – remember that wherever the code is placed, there the content will appear:

WordPress Embed Facebook Feed Code Snippet

 

Then, click on the blue Update button, so you save the changes and open the page/post:

WordPress Facebook Feed Overview

 

Now, you’ve managed to include the entire Facebook feed on your WordPress website.

 

Conclusion

Incorporating a social media feed into your website is a very effective way you can enhance your online presence and provide your visitors with more useful content.

Also, embedding a Facebook feed on your pages is a great way to improve traffic to both your social media websites and vice versa.

Related:

Was this article useful?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Newest Articles:

How to Format Text in WordPress

When you create a post in WordPress, typing down the words is only a part of the job. Once written, you should format the text – separate paragraphs, include subheadings where needed, bold words and phrases, underline others, and include numbering and bullet points at...

How to Fix Error 505 Version Not Supported in WordPress

Error 505 Version Not supported might appear in various situations when working on your WordPress website. This kind of error can be very confusing and can show when least expected. However, the good news is that there are various fixes you can apply right away to get...

How to Fix Error 504 Gateway Timeout in WordPress

Error 504 Gateway Timeout in WordPress can really be annoying for you and your website visitors. The good news is that as with any other 5xx status code errors such as HTTP Error 500, Error 501 Not Implemented, and Error 503 Service Unavailable, the Gateway Timeout...

How to Fix Error 502 Bad Gateway in WordPress

502 Bad Gateway is quite a common error message in WordPress and although it looks like something very serious and technically demanding to fix, there are some quick steps you can undertake to deal with the issue. Just like Error 500 and 501 Not Implemented, Bad...

How to fix Error 501 Not Implemented in WordPress

When working on your WordPress website, you will eventually stumble upon various error codes such as 404 Not Found, Service Unavailable, and Error 500. Your web browser displays such error messages when there’s some issue between the web server and an Internet...

Ready to Create Your Website?