How To Embed Facebook Feeds On Your Wordpress Website

Website
5 min read

Embedding Facebook feeds on your website can add real value to your website, giving it marketing potential to grow your business online.

It gives you the magic wand to display user experience through user-generated content on your website. It not only infuses social trust in users’ mind towards your brand but also drives user engagement with your brand, thus, spreading your brand awareness.

But embedding Facebook feeds on your WordPress website could be really tricky.

This article guides you on how to do exactly that!

So, let’s get started.

Create Facebook Social Wall With Taggbox

Taggbox is an incredible social media aggregator and display tool that lets you create amazingly beautiful Facebook media wall.

In order to embed Facebook feeds on your website with the help of Taggbox, first you need to create a Facebook feed wall with Taggbox.

Now, how do you do that?

Don’t worry, the below-given steps will explain the process.

1. Create an account with Taggbox or log in.

create facebook wall

2. This will land you on the dashboard. Here, click on “+Create Wall”.

3. Give your Wall a name and click on create wall again.

Instagram feed wall

4. It will land you on the Wall Editor. From the popup that appears, select Facebook as your Feed Source.

Instagram Feed

5. Select the Facebook connection type (Page or My Profile Post) and give the other required details asked for.

select facebook page to embed facebook feeds

6. Now, click on Continue With Facebook to complete the process and provide the login credentials for your Facebook account and sign in.

Congratulations, you have successfully created a Facebook Feed Wall that will be visible in a while in your wall editor.

Here, you can enhance the beauty factor of your content using the Personalize option that enables you to customize your feeds with beautiful themes, responsive layouts, and advanced custom CSS options.

You can also moderate and curate your content with the help of the powerful Moderation panel. The robust Analytics feature allows you to have an in-depth study of the performance of your Facebook feed wall in terms of user engagement and interaction with the feeds embedded on your website.

Now, that you have successfully created a Facebook Feed Wall with Taggbox, next step is to generate embed code from Taggbox that could be later pasted on the webpage of your WordPress website where you want to display the Facebook feeds.

Here’s how you generate embed code from Taggbox

1. Click on the Display Button on the bottom left side of the screen.

display Instagram Feeds on website

2. Choose Embed In Website option.

embed facebook feed

3. Select WordPress as your website building platform.

Instagram Feed on wordpress

4. Here, set width and height, and click on Get Code.

Embed facebook feed on wordpress

5. Once you have generated the Embed code from Taggbox, copy it to your clipboard.

Instagram Feed on WordPress

Great, now you have successfully generated Embed Code from Taggbox. So, let’s go to your WordPress website where you want to embed the Facebook feeds.

How to Embed Facebook Feeds On A WordPress Website?

WordPress is one of the major website building platforms across the globe. It caters to nearly 26% of all the global websites that are currently active.

Once you have successfully generated embed code from Taggbox, now it’s time to paste it on your WordPress website so as to display Facebook feeds over there.

WordPress 5.0 editor or the new WordPress Gutenberg editor is a step upgrade from the Classic WordPress Editor. The new Gutenberg editor helps you curate, rich, simple, and enjoyable content.

Although a large portion of users still using the older beta version, i.e., The WordPress Classic Editor,  as it is more comfortable for them to use the older version. Old habits die hard. Hence, in this article, we guide you how to embed facebook feeds on both versions of WordPress website using Taggbox.

Hence, in this article, we guide you how to embed facebook feeds on both versions of WordPress website using Taggbox.

Here’s How You Embed Facebook Feeds On WordPress 5.0 Website

1. Open the page/post in your WordPress backend where you want to embed the Facebook feeds.

embed facebook post on wordpress

2. Select “(+)Add Block” in the top left corner of the WordPress Editor.

facebook post on wordpress website

3. Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.

Facebook Feeds on wordpress

4. Click on Publish/Update post and You’re done.

Here’s how you embed Facebook feeds on WordPress Classic Editor

1. Open the page/post in your WordPress backend where you want to embed the Facebook feeds.

2. On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.

Embed facebook post on WordPress

3. Paste the generated embed code where you want to show your wall and click on Update/Publish to save the changes.

Great! You have successfully embedded Facebook feeds on your WordPress website.

Over To You

Embedding Facebook feeds on your WordPress website really helps you a long way in establishing your brand dominion, boosting user engagement, and building trust in the minds of your users.

Try the best Facebook embedding platform for your websites today and display amazing and beautiful user-generated content to your audience.

Let’s start engaging your website visitors


Leave a Reply