How to Embed Facebook Widget on HTML Website

Follow the simple step by step guide to embed Facebook Widget on an HTML website using Taggbox Widget.

TaggBox Widget – Start your 14 days Free Trial Now

Embed Facebook Widget on HTML Website:

1: Create a Taggbox Widget Account or Log in if you’re already an existing account.

facebook widget on website

You’ll be automatically redirected to Taggbox Dashboard. 

Click “+ Create Widget” at the top right to create a new Widget:

create facebook widget

2: A dialog box will appear of “Create Widget” with the following input box:  

2.1: “Widget Name” – Enter the name for your Widget.

2.2: “Your Unique URL” – automatically, your Widget name will be your unique URL. 

Add facebook widget on website

Finally, Click on “Create Widget” button.

Hooray!, You’ve created your first Taggbox Widget.

Tip 1: You can also create multiple Widgets that are available according to your selected plan. For details on your plan, go to the Dashboard > Account section.

Now, Open the Widget editor by clicking the small box with your widget name on it.

Facebook widget on html website

3: Select the following from the left control panel:

3.1: Feeds (On the Left-Hand Menu)

facebook widget for html

3.2: “+Add Feed” (to create New Feed)

facebook widget html

4:  A dialog box with “Pick a source” will appear; select Facebook

facebook widget html code

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

facebook feed widget html

You can aggregate from the following source:

  • Page – enter URL of the page
  • My Profile Posts – Login to Facebook directly
  • Albums – Enter URL of the album
  • Page Reviews – Enter URL for the reviews

Click “Continue with Facebook.”

Log in to a Facebook account to provide authorization for aggregating.

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

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

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

Steps to Generate Code to Embed Facebook Widget on HTML

Follow the below steps to generate code for embedding Facebook Widget. 

1:  At the left bottom of the screen, you’ll find “Embed Widget” Click on it.

facebook widget for html website

2: A new Dialog Box named “Choose Your Platform” will appear; select the HTML logo.

facebook page widget html

3: A new Dialog box will appear HTML.

facebook widget for html

Set the width and height or select auto & just click on GET CODE and COPY the whole generated code.

facebook widget html

To Embed Facebook Widget On Website

Open the HTML code editor and paste the copied code into the website’s body tag section on any location or page that you want.

Open the live website to enjoy the Embedded Facebook Widget.

Taggbox Widget – Embed Facebook Widget on Your Website

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