How to Embed Facebook Feed on HTML Website?

Add a Facebook Feed

To create a Facebook feed, you need to follow the given steps-

Try Taggbox Widget – Start Your 14 Days Free Trial

Step 1

Create a Taggbox Widget Account or Login if you already have an existing account.

Taggbox Social widget Dashboard

You’ll be automatically redirected to Taggbox Widget Dashboard

Click Create widget button

Step 2

Click on the “Add Social Feeds” option to start adding Facebook feeds to your widget.

Create Facebook Widget

Step 3

A dialog box “Pick a source” will appear, select Facebook as your feed aggregating source:

Pick Facebook as a source

Step 4

A new dialog box will appear with “Create Facebook Feed” options to aggregate:

You can aggregate from the following source:

  • Page – to fetch Facebook Page posts on your Facebook Feed Widget.
  • My Profile Posts – to fetch your Facebook Profile posts on your Facebook Feed Widget.
  • Albums – to fetch your Facebook Profile Albums on your Facebook Feed Widget
  • Page Reviews – to fetch your Page handle User-generated reviews to your Facebook Feed Widget
  • Page Mentions – to fetch the feeds in which your Page handle is mentioned to your Facebook Feed Widget
Integrate Facebook Feed on Google sites

Step 5

Choose your aggregating method and enter the input accordingly.

Lastly, Click “Create Feed” button.

“Continue with Facebook” pop-up will appear; proceed to Login to a Facebook account to provide authorization for aggregating.

Facebook Feed Credential

After entering the valid credentials, in some seconds, your feeds will be displayed.

Tip: You can refine the aggregation process, enable the checkboxes on the above options accordingly.

Tip: Taggbox provides a “Design” option to customize your feed’s display, with many options to choose between according to your need. 

Embed Facebook Feed on HTML Website

To add Facebook feed on your HTML website you need to follow below steps–

Step 1

Click the “PUBLISH” button on the bottom-left of the screen; You can also see the PREVIEW of how your feeds gonna look on different devices.

Embed Facebook Widget on website

Step 2

A new Dialog Box named “Choose Your Platform” will appear; select “HTML” as your website platform.

live Facebook feed on google site

Step 3

A new Dialog box HTML will appear.

Step 4

Set the width and height or select auto then Click on GET CODE and COPY the whole generated code.

Finally, PASTE the code into the body tag of your HTML website webpage, where you want the widget to be embedded.

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

Try Taggbox To Embed Facebook Feed – Start Your 14 Days Free Trial

If you have any questions or need help, please contact us or write us at [email protected]