How to Embed Facebook Feed on Website

Ever wondered about the possibilities that your Facebook presence has to offer?

Well, with over 2.41 billion monthly active users, Facebook is leading the game of social media. One effective way to achieve more with your Facebook profile is to embed Facebook feed on the website.

This blog will, therefore help you garner more information about “How To Embed Facebook Feed On Website”.

Watch 2-Min Video Guide To Add Facebook Feed On Website

4 Steps to Embed Facebook Feed On Website

Let us have a look at the steps that will help you complete your embed process simply and easily.

  • Sign up/Login with Taggbox Widget account.
  • Add Facebook feed to your widget.
  • Edit the widget by customizing, moderating, and personalizing it.
  • Generate the embed code.
  • Copy and paste the Code at the backend of the preferred website platform.

Sign up/Login With Taggbox Widget Account

Taggbox Widget offers you smooth integrating options and acts as a catalyst to gain more with your Facebook feed. 

The first and foremost step to embed Facebook page feed on a website is to create an account with Taggbox Widget. If you already have one, then login to your existing account. 

Note- Taggbox Widget also offers you 14 days of free trial to help you understand the product deeply. 

Add Facebook feed to your widget

Once you login into your account, you will land on the dashboard.

1. Here click on Add social feed to add Facebook feeds to your widget.

create facebook feed on website

2. From the ‘Pick A Source’ box that appears choose Facebook as your source platform.

facebook post feed on website

3. Choose the connection type as Page URL, mentions, posts, albums, profile, etc. to fetch the Facebook feed.

facebook feed embed

Provide the required credentials to connect with your Facebook account.

embed facebook feed

Edit the widget by customizing, moderating, and personalizing it

By connecting to your Facebook account, you will be able to automatically fetch the feed to your widget editor page.

Here you can edit your feed and give it a captivating and compelling look to attract the targeted audience and hold their attention for a while.

Taggbox provides you with ample features to customize and moderate your feed to help you design your feed in the desired way. 

Some of the feature settings are-

Themes– You can choose from various theme options such as Classic card, Horizontal column, Gallery theme, Horizontal slider, Single post theme, and much more. It will help you change the entire display of your widget.

Banners– Design your own banner or upload a banner image for your Facebook feed gallery.

Layouts– Choose the number of posts to display, grid size, post spacing, post width, etc.

Backgrounds– You can either choose to have a transparent background or can add a new background to your widget. 

Card Style– Under this option, you can choose what you want to display along with your post, i.e. time, CTA, author information, content, social actions, and much more. 

Custom CSS– Create custom posts to highlight the specific content/feed from Facebook and personalize your gallery’s look.

Moderate– Filter out the irrelevant content that does not align with your brand’s objectives to avoid the display of any inappropriate content on your widget. 

Analytics– View how your widget is performing and track your performance graph by gaining insights into user engagement, impressions, click-through rates, etc.

Generate the Facebook feed embed code

To add 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-

1. Click on the Publish button on the bottom left side of the widget editor.

facebook embed code

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

embed facebook page feed

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

embed facebook feed html

4. Copy the generated embed code.

embed a facebook page

Paste the Code into the body section of your website.

Great! You have successfully generated the Code from Taggbox Widget. Now you just need to go to your web page and paste the embed code to integrate Facebook posts 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 website’s 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 –

Follow the below steps to display Facebook content 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 include Facebook page feeds into the website:

  1. Select HTML as your website to add the Facebook page feed.
  2. Generate the Code from Taggbox Widget just like you did in the above example.
  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.

Following these simple steps, you can easily add a Facebook post on an HTML website.

Display Facebook Feeds on WordPress Website

WordPress is open-source software that is both easy and priceless. 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 Facebook Post On 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 display Facebook post feed.
  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.

Add Facebook Post On 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 live 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 feeds on other website CMS platforms too.

Embed Facebook Feed Using WordPress Plugin

An easy to use tool for all the WordPress Website users, plugins streamline their work of enhancing the website and allow them with smooth integrating options.

One such plugin isTaggbox Widget WordPress Plugin. This plugin allows the users to embed infinite posts on the website without any technical coding. 

It provides the users with an option to customize their feed and moderate it as per the needs. Also, the analytics feature helps you track your performance and gain valuable insights into click rates, user engagement with the brand. 

The smooth interface and customer support provided by the plugin makes it the perfect choice as a social media aggregator tool for the WordPress website.

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

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

  1. Select WIX.
  2. Generate the Website Embed Code from Taggbox Widget 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 feed gallery.
  4. Click on the “+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 feeds hub into your WIX website.

Embed Facebook Post on Squarespace Website

Squarespace is a SAAS based website building and developing a platform that 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 embed 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. Save the page to apply the changes.

The embedded Facebook post will be displayed on your website.

Embed Facebook Page Feed on Weebly Website

Weebly is a CMS and e-commerce service, currently serving businesses on more than 50 million sites around the world. 

In order to embed Facebook page 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 a Facebook post 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 website.

Show Facebook Post 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 will be embedded on your Shopify website.

Benefits Of Adding Facebook Feeds On Website

1. Boost User Engagement And Interaction

Integrating Facebook feed with the website not only makes your website look more attractive and creative but also provides your website visitors more content to explore. 

It allows the users to traverse through your Facebook profile even without leaving the web page. This, in turn, increases user engagement and interaction with your brand.

3. Display Social Proof With UGC

UGC or User-generated Content is the best way to display your brand’s acceptability and its product on social media and websites. By embedding Facebook feed on a website, you can give your users proof of your social media presence and influence and can make them trust your brand and its products.

4. Enhance Reliability Of The Brand

UGC is the most authentic and reliable content online that helps your brand display a trustworthy image to its website visitors. With this content, you can enhance the credibility of the brand and can build trusted relations with your customers. As a result, it will help you influence the purchase decision of your customers.

5. Increase Conversion Rates

The more authentic the website will be, the more visitors will be willing to make a purchase. Embedding Facebook post on the website will upgrade your website and convert user’s attraction into sales. 

It helps the brands provoke customers’ desires to invest in the brand and trigger them to purchase. It, therefore, accelerates the conversion rates of the brand and magnifies sales. 

Brand Examples Of Using Facebook Widget On Website

1. HUBNER Group

HUBNER, a group that works on mobility solutions improving travel comfort in public transport, material solutions in the industry, and a supplier for applications in laser, high frequency technology.

facebook feed on website example

HUBNER group joined hands with Taggbox Widget to embed Facebook feeds on its website which in turn enhanced the user engagement and increased awareness about their services to a wider audience.

2. DEIF Group

A global market leader that provides green, safe, and reliable control solutions for decentralized power production both at land and sea to increase the global energy efficiency.

facebook feed website example

With Taggbox, DEIF group integrated Facebook feed on it’s website and displayed the well-customized and moderated feed to capture the attention of more visitors and showcase trustworthy services with social proof. 

Summary

So, above we guided you with how to embed Facebook Feed on the 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 posts on your websites.

Let’s start engaging your website visitors

Easily Add Facebook Feed To Website

Leave a Reply

FAQs

To get a Facebook embed code, the first step is to create a Facebook feed with Taggbox Widget. Once your feed is created, click on the “Publish” option on the lower-left corner of the widget editor page. In the pop-up that appears, click on the “Generate Code” button. The Code generated is your Facebook embed code. Copy and paste the Code at the backend of your preferred website.

To embed a Facebook post in HTML, select HTML as your website building platform. The next step is to generate the Code from Taggbox and then copy it on the clipboard. Paste the copied Code on the backend page of your HTML website where you want to display your Facebook feed. Click here to know more about the detailed steps on how to embed a Facebook post in HTML.

To embed a Facebook page into Google sites, click on the “Publish” option on the lower-left corner of the widget generator. Select “other” from the pop-up that appears. Click on “Get code” and copy the generated Code. Login to your google site account and select the page where you want to embed Facebook feeds. Paste the copied Code and click on next. For more detailed steps, Click Here

Boost Engagements With User Generated Content