How to Embed Facebook Widget on WordPress

Follow the simple step by step guide to embed Facebook Widget on WordPress website.

TaggBox Widget – Start your 14 days Free Trial Now

Embed Facebook Widget on WordPress

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

facebook widget wordpress

Now, you’ll be taken to Taggbox Dashboard

Click on “+ Create Widget” button on the top right of the screen:

facebook widget on wordpress

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

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

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

facebook widget for wordpress

Finally, Click on the “Create Widget” button.

Pat your back, 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 Dashboard>Account section.

To add the feeds on your widget click on edit button.

facebook widget wp

3. Select the following from the menus

3.1 Feeds (On the Left-Hand Menu)

facebook page widget wordpress

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

facebook feed widget wordpress

4. A dialogue box with “Pick a source” will appear, select Facebook from all the platforms available

adding facebook widget to wordpress

A new dialogue box “Create Facebook Feed” will appear to aggregate feeds from:

add facebook widget to wordpress

You can aggregate feeds from the following sources:

  • 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 the “Continue with Facebook” button.

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

Enter the correct Facebook credentials, in some seconds; your feeds will be displayed on the Taggbox Editor.

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 the display of your feed, with many options to choose between according to your need. 

Steps to Generate Code to Embed Facebook Widget on WordPress

Generate Facebook Widget embed code by following the below steps.

1. Click “Embed Widget” on the left bottom of the screen.

adding facebook widget to website

2. Dialogue Box “Choose Your Platform” will appear, select the WordPress.

facebook add widget

3. A new Dialog box WordPress will appear.

facebook widget wordpress

Select auto or set width and height according to your requirement then just click on GET CODE and copy the generated code.

Tip 4: You can also download Taggbox Widget WordPress Plugin for the WordPress website to make the process easier.

To Embed Facebook Widget On WordPress Website

Follow the following steps:

1. Log in to the WordPress Admin panel to edit the web pages.

In WordPress backend open the page and select the location where you want to embed the Instagram Hashtag Feeds.

2. You’ll see “(+) Add Block” on the left top of the editor or on the middle of the contents. Click it.

3. Paste the copied code into the “CODE <>” editor. 

Click on Publish/Update, and it’s Done.

Open your live website and enjoy the Embedded Facebook Widget on your WordPress website.

TaggBox Widget – Start your 14 days Free Trial Now