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.
You’ll be automatically redirected to Taggbox Dashboard.
Click “+ Create Widget” at the top right to create a new 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.
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.
3: Select the following from the left control panel:
3.1: Feeds (On the Left-Hand Menu)
3.2: “+Add Feed” (to create New Feed)
4: A dialog box with “Pick a source” will appear; select Facebook
A new dialog box will appear with “Create Facebook Feed” options to aggregate:
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.
2: A new Dialog Box named “Choose Your Platform” will appear; select the HTML logo.
3: A new Dialog box will appear HTML.
Set the width and height or select auto & just click on GET CODE and COPY the whole generated code.
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