How to Embed Facebook Feed on Website

A detailed guide about how to embed Facebook feed on website for you. But let’s first understand why Facebook?

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.

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

Let’s get started!

Why Use Taggbox Widget To Embed Facebook Feed?

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

Then, you get vast customizations like themes, design elements, layouts, colors & fonts, custom 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 banners, ticker, announcement & highlights posts, etc. to make it more personalized. 

Finally, it is extremely easy to embed your Facebook post 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 website with Taggbox.

Also Read – Embed Facebook Reviews Widget 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 Widget and Sign in. Having done that, follow these steps mentioned below to add Facebook feeds on website.

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

Step 2: Here, give a name to your widget and click on Create Widget.

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

Step 4:  You can embed facebook post using Facebook Page URL or through your own profile posts.

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

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

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

How to Embed Facebook Feed on Website

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

Steps to generated code are as follows-

Step 1. Click on the Embed Widget button on the bottom left side of the widget editor.

Step 2. Next, select the CMS(website platform) as per your requirement.

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

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

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

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

Embed Facebook Feed 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 platforms –

• HTML
• WordPress
• Wix
• Squarespace
• Weebly
• Shopify

Follow the below steps to display Facebook content on your suitable website platform.

Add Facebook Page 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 page feeds into website:

1. Select HTML as your website to add Facebook feed.

2. Generate the 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 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 add Facebook feed on HTML website.

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.

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.

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.

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 post.

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

5. Choose Text Mode.

6. Paste the generated code where you want to show your Facebook feed widget.

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 post on other website CMS platforms too.

Add 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.

In order to embed Facebook post into Wix website, follow these few simple steps and you’re done.

1. Select WIX.

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.

Integrate Facebook Post 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.

In order to add Facebook post on your Squarespace website, just follow these simple steps –

1. Select Squarespace.

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 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 CMS 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 Post on Weebly Website

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

1. Select Weebly to add Facebook feed on website.

2. Generate the 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.

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

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

Shopify is a major e-commerce site builder 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 insert Facebook feeds on Shopify Website, you need to follow these steps, and you’re done.

1. Select Shopify.

2. Generate the Facebook feed 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.

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

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 Feed on 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 post on your websites.