How to embed Facebook Widget on WordPress Website

Facebook is the largest social media platform where users share their posts like images, videos, comments, many of them has pages. Ever think of how you can add these stuff that you have shared on Facebook can add on WordPress website.

Among all website CMS, WordPress have its unique place. It was quite tough to embed Facebook widget on WordPress before Tagembed the free social media aggregator. Therefore tagembed has created a free Facebook widget for WordPress website through which you can aggregate all Facebook feeds like images, albums, galleries, page content, etc, curate & customize them to embed on WordPress website.

Follow Step-by-step instructions to embed Facebook Widget On WordPress Website

  1. Sign up at Tagembed or Login if you already have an account
sign up tagembed

2. Click on +Create Widget button at the top right corner of screen

facebook widget

Name your Facebook Widget.

Unique Url : It will be your widget name

Click On β€œCreate Widget” button

create facebook widget

Congratulations!! Your first Facebook Widget at Tagembed is ready.

NOTE: Here you can also create multiple widgets depending on your selected plan.

In order to add the feeds in the widget, click on the edit button.

first facebook wall for widget

3. Click on the add feeds button from the left side menus

add feeds in facebook widget on wordpress

4. A dialogue box will appear to β€œpick a source”, Choose Facebook now

select source for facebook widget

5. A new dialogue box will appear to Create Facebook Feed”

embed facebook widget feeds on website

Here you have multiple options to create feeds

Page – enter Page url 

My Profile Posts – Login to Facebook and it will fetch feeds directly

Album– Enter Url of Album

Page Reviews – Enter page URL to fetch reviews 

Click on the below button β€œContinue With Facebook”

Login to your Facebook Account to authorize for aggregation

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

NOTE:  Tagembed provides a β€œPersonalize” option to customize the display of your feed, with many options to choose between according to your need. 

Generate code to Integrate Facebook Feed Widget on WordPress.

Continuation with above process, now generate Facebook Widget Embed Code with these steps:

  1. Click on the Embed Widget button displayed below
embed facebook widget wordpress website

2. Dialogue box will appear with β€œChoose Your Platform” Now Select WordPress

embed facebook feed widget on wordpress website

3. Now a new Dialogue box will appear, now set the height and widget accordingly and click on Get Code button & copy this code

customize facebook widget on wordpress

Steps To Add Facebook Widget Code on WordPress Website:

Now please go through following steps;

  1. Login to the WordPress Admin Panel to edit your website.

a) Select β€œ+ Add Block” in the WP editor.

embed code in WordPress editor

b) Here, go to Formatting – Custom HTML.

c) Paste the copied code into the β€œ<CODE>” editor

d) Click on update/publish and now you are good to go.

Enjoy the benefits of embedding Facebook feeds on website to attract more customers and revenue.

If you would face any issue or need help, please Contact us or write us at [email protected].