How to Embed Facebook Feed on Website

Over the past 16 years that Facebook has been into existence, it has gained immense popularity making it one of the most used social media platforms. Studies show that Facebook has 2.41 billion monthly active users, and it is the third most visited website after Google and Youtube.

Thus, Facebook emerges as a viable breeding ground for upcoming entrepreneurs and businesses to connect and engage with a broad audience. Over 90 million small businesses are already using Facebook for their business. 

The best way to engage your website visitors is to embed Facebook feed on your website. You can entice them by displaying news feeds, page feeds, event feeds, or group feeds. It will help you gain their attention.

embed facebook page

So, we have a detailed explanation of how to display Facebook feeds on your website.

Let’s get started!

Embed Facebook Feed On Website For Free

The first way is where Facebook itself provides you an option to embed feed through the in-built plugin feature. The process is quite simple & easy but it has a lot of drawbacks. 

As you have limited access to customizations, content moderation, layouts, content updates, etc. So, you can embed Facebook feed but it won’t be much engaging or attractive to improve your website performance. 

So what’s the better solution? The best solution is to use the Facebook feed widget by Taggbox

Why Use Taggbox To Embed Facebook Feed?

Taggbox is perfect and the simplest solution to embed your amazing Facebook feed on your website in minutes. Taggbox lets you collect your Facebook posts from handlespages, etc. into a single feed. 

Then, you get vast customizations like themesdesign elementslayoutscolors & fontscustom posts, etc. Besides, you can also moderate (automatic too) the content to filter the irrelevant & useless content from your feed

Further, you can even add your custom promotional or branded posts into the feed, add bannerstickerannouncement & highlights posts, etc. to make it more personalized. 

Finally, it is extremely easy to embed your Facebook feed by just choosing your website platform, Taggbox will give a short embed code. Just copy the given code and paste it on your website. 

Tadaa! There you have you amazing, engaging, and responsive Facebook feed to help you engage your visitors & boost your website performance. Also, you get the analytics feature that helps you analyze, evaluate, and monitor your feed performance. 

So without further questions, let’s start with how you can add a Facebook Feed on your website with Taggbox.

Step By Step Guide To Embed Facebook Feed On Website

Add a Facebook Feed with Taggbox

You can easily embed Facebook social feed on your website with the help of Taggbox. You don’t need any high degrees of technical knowledge or hire an expert to do so. That’s the beauty of Taggbox, it is easy to use.

Here is a video to assist you through the whole process.

First, you need to create an account with Taggbox and Sign in. Having done that, follow these steps mentioned below to add Facebook feeds on your Taggbox Social Wall.

Step-1: After creating an account, you will land on a dashboard. Here, click on create a wall.

how to embed Facebook feed on website

Step-2: Here, give a name to your wall and click on Create Wall.

facebook feed embed

Step-3: When you click on Create Wall, a popup appears, Select “Facebook” as the source of your feed from Pick a Source box.

facebook embed

Step-5:  You can embed facebook feed using Facebook Page URL or through your own profile posts.

facebook embed

Step-5: Provide the required credentials of your Facebook Account.

embed facebook feed into website

Great! The connection has been created and within a few moments posts will appear in the Wall Editor.

Also see: Complete step by step guide to add a Facebook feed

Now you are all set to embed Facebook feeds on the website. So, buckle up and let’s start the journey.

Bring User Engagement From Facebook To Website

Embed Facebook Feeds To Website Easily

How to Embed Facebook Post on Website

To embed Facebook posts on your website, you will first need to get an embed code from the Taggbox Wall Editor. Steps for obtaining an embed code for the widget are the same for all the website building platforms.

Steps to generated embed code are as follows-

Step 1. Click on the Display button on the bottom left side of the wall editor.

embed facebook feed into website

Step 2. Now, select “Embed in Website”.

embed facebook feed in website

Step 3. Next, select the Website Building Platform as per your requirement.

fb widget for website

Step 4. Choose one from Auto and Fixed to Set the width and height as per the requirements of your website and click on Get Code.

facebook feed on website example

Step 5. Copy the code from the field or You could also Preview how your Facebook feed would look like on your website.

facebook feed on website example

Step 6. Paste the code into the body section of your website.

Great! You have successfully generated the website embed code from Taggbox. Now you just need to go to your web page and paste the embed code to display Facebook feed on your website.

Embed Facebook On Different Website Building Platforms

We are here to guide you on how to embed a Facebook widget on these websites building platforms by following a few simple steps. It is really as easy as taking a cakewalk.

Here are some famous and important website building platforms –

Follow the below steps to embed Facebook feed on your suitable website platform.

Embed Facebook feeds on HTML Website

Hypertext Markup Language (HTML) is the standard markup language for building web pages and web applications with CSS and Javascript.

Follow these really simple steps to embed Facebook feeds on your website:

1. Select HTML as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above example. Once the code is generated, copy it on the clipboard.

3. Once the embed code is generated, copy it on the clipboard.

4. Now open the webpage backend where you want to display the Facebook social hub.

5. Now paste the copied embed code on your website page. Remember, if you are not a technical expert then ask your web developer to do it for you.

Following these simple steps, you can easily embed Facebook feeds on your HTML website.

Embed Facebook feeds on WordPress Website

WordPress is open-source software that is both easy and priceless. It is the platform of choice for over 32% of all the sites across the globe. It provides everyone with an opportunity to create and share. It stores your content and allows you to create and publish web pages requiring only a domain and a hosting site to work.

facebook feed embed

Embed Feed with WordPress 5.0

Recently WordPress updated itself to a newer version, WordPress 5.0.

In order to embed Facebook feeds on your WordPress website, follow these simple steps given below –

1. Select WordPress as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above example. Once the code is generated, copy it on the clipboard.

3. Open the page in your WordPress backend where you want to embed the Facebook feeds.

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

5. Here, click on Formatting and then choose Custom HTML.

6. Paste the copied code in the editor.

7. Click on Publish/Update post and you’re good to go.

Embed Facebook Post with WordPress Classic Editor

In case you are still using the older version of WordPress, the steps to be followed are a little different. But no worries, here they are-

1. Select WordPress as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above example. Once the code is generated, copy it on the clipboard.

3. Open the page in your WordPress backend where you want to embed the Facebook feeds.

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

5. Choose Text Mode.

6. Paste the generated embed code where you want to show your wall.

7. After embedding the code, click on Update/Publish to save the changes.

See, wasn’t it simple. Let’s see how to embed Facebook posts on other website building platforms too.

Facebook feeds on Wix Website

Wix is a growing cloud-based development platform with over a million users worldwide. It is the best platform to promote your business, showcase art or set up an online shop or test new ideas. It provides various templates to create a fully personalized, highly creative and high-quality free website. Wix Artificial Design Intelligence instantly designs a website personalized just for you with complete professional texts and images.

Embed Facebook Feed on WIX

In order to embed Facebook feed on your Wix website, follow these few simple steps and you’re done.

Embed Facebook Feed on WIX

1. Select WIX as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above example. Once the code is generated, copy it on the clipboard.

3. Now open your WIX Editor and navigate to the page where you want to embed the Facebook social hub.

4. Click on “+Add” button.

5. Click on More and then Select HTML iframe from the Embeds.

6. Now paste the HTML code generated from Taggbox in the code field.

7. Click on Apply to save the changes.

Bravo! You have successfully embedded the Facebook social hub to your WIX website.

Facebook feeds on Squarespace Website

Squarespace is a SAAS based website building and developing a platform which allows you to add any external code on a webpage by using the Embed Blocks. It provides its users with features like beautiful design templates, 3rd party apps and integration, CSS access and customization, etc.

Embed Facebook Feed on SquareSpace

In order to embed Facebook social hub on your Squarespace website, just follow these simple steps –

Embed Facebook Feed on Website

1. Select Squarespace as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above example. Once the code is generated, copy it on the clipboard. 

3. On Squarespace, navigate to the page where you want to embed the Facebook social hub.

4. Click on “+ Add/Edit Block“.

5. Select Embed Code from the Menu.

6. Click on the </> icon in the URL field.

7. Paste the copied code and click on Apply.

8. Save the page to apply the changes.

The embedded Facebook feed will be displayed on your website.

Weebly is a website building platform and an e-commerce service, currently serving businesses on more than 50 million sites around the world. Weebly provides its users with powerful tools which make it easy to build a professional, mobile-optimized site and grow businesses with integrated marketing and advanced analytics.

Facebook feeds on Weebly Website

Embed Facebook feed on weebly website

In order to embed Facebook feeds on a Weebly website, follow these simple steps and you can see your Facebook Social Hub being displayed on your website.

1. Select Weebly as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above example. Once the code is generated, copy it on the clipboard.

3. On Weebly, navigate to the page where you want to embed the Facebook Social Hub.

4. On the Navigation bar on the left, click on “Embed Code” and drop it on the position where you want to display the feeds.

Embed Facebook Feed on Weebly

5. Now click on HTML box and Edit Custom HTML option.

Embed Facebook Feed

6. Here, paste the copied code in the box.

7. Publish your changes to successfully display the Facebook feeds on your website.

Facebook feeds on Shopify Website

Embed Facebook feed on shopify

Shopify is a major e-commerce website building platform that allows merchants to design, develop, market, and sell any type of goods to customers around the world. Shopify enables you to integrate more than 70 payment gateways with checkouts in more than 50 languages, which makes it easy to sell products to customers anywhere in the world.

To embed Facebook feeds on Shopify Website, you need to follow these steps, and you’re done.

1. Select Shopify as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above example. Once the code is generated, copy it on the clipboard. 

3. Log in to your Shopify store.

4. Navigate to Online Stores and then to the Themes Menu in the sidebar.

Embed Facebook Feed on Shopify

5. Go to Edit HTML/CSS option on the top right of the page.

Embed Facebook Feed

6. Select Layout/ Templates/Section (E.g. For Homepage – Index.liquid) where you want to display your Facebook Social Hub.

7. Paste the copied code.

8. Click on Save.

And with this your Facebook feeds will be embedded on your Shopify website.

Also Read – Embed Instagram Feed On Your Website

SUMMARY

So, above we guided you with how to embed Facebook Live Feed on your website to drive more potential traffic to your website, increase your visitors’ dwell time and shoot your sales conversion rates to another level.

So, what are you waiting for? Grow your business and website traffic by embedding Facebook feeds on your websites.

Let’s start engaging your website visitors

Easily Add Facebook Feed To Website

Leave a Reply

Boost Engagements With User Generated Content