How to Embed Facebook Feed on Website?

Follow the simple steps to embed Facebook feed on your website

Add Facebook Feeds

To Embed Facebook Feed firstly you need to Add Facebook Feed On Taggbox Widget Editor, So Follow the given steps:

Step 1

Login or Signup to your Taggbox account. You will see your Dashboard.

Try Taggbox – Start Your 14 Days Free Trial

Taggbox Social widget Dashboard

On the Taggbox Widget Dashboard click the “+Create Widget” button to create a new Widget.

Click Create widget button

Step 2

Then, give a name to your widgets like Brand name or your Hashtag Facebook Campaign. A Unique URL of your widget will be created automatically according to your widget name. You can also change it according to you.

To enable Profanity Filter select Apply Profanity Filter. Then, click “Create Widget“. Like this:

Create Facebook Widget

Benefits to Apply profanity Filter:

  • Turn on this option to auto-filter the content based on a pre-set list of unwanted words.
  • You can use our predefined vulgar word list to filter your Facebook Feed.

Step 3

Creating your widget click on the Edit Button to Embed Facebook Feed.

Add Facebook Feed

Step 4

Click Feeds (You will find it on the left-hand side of the page).

Add Feed for social feed widget

Step 5

Click Add Feeds , to create a New feed.

Feed for Social feed Widget

Step 6

Select the Facebook icon as your feed source from Pick a source.

Pick Facebook as a source

Step 7

Create a Facebook Feed box will appear. Select a source from Page or My Profile Posts and create a Facebook connection.

embed facebook page on your website
  • Choose Page to fetch your Facebook Page posts on your Social Feed Widget.
  • Choose My Profile Posts to fetch your Facebook Profile posts on your Social Feed Widget.
  • Choose My Facebook Albums to fetch your Facebook Profile Albums on your Social Feed Widget.
  • Choose Facebook reviews to fetch your User-generated reviews on your Facebook profile.

Step 8

Click on Continue With Facebook. Provide your login credentials to connect your Facebook account to your Social Feed Widget.

Facebook Feed Credential

Great! You have successfully added your Facebook feeds and they will appear in the widget editor in a while.

You can also use the Personalize and Moderation Panel to set up your Social Feed Widget. You can finally embed the Facebook feed on Website.

Embed Facebook Feed On Website

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

Step 1

Click on Embed Widget Button on your Widget editor.

facebook feed on HTML website

Step 3

Select Your Website Platform (Eg: HTML, WordPress, Wix etc.)

embed facebook feed on various website building platform

Embed Facebook Feed on HTML Website

Step 1

To embed your Facebook feed on HTML website, choose HTML as your platform.

embed facebook feed on HTML website

Step 2

Set width, height and height type as per your requirements. Click on Get Code

facebook feed on html website

Step 3

Copy the generated code and Paste it into your webpage, where you want to embed Facebook feeds.

integrate facebook feed on html website

Embed Facebook Feeds on WordPress Website

Step 1

To embed your Facebook feed on the WordPress website, choose WordPress as your platform.

embed facebook feed on wordpress website

Step 2

Set width and height as per your requirements and Click on Get Code.

add facebook page feed on wordpress website

Step 3

Copy the website Generated Code.

add facebook page post on wordpress website

A. Embed Facebook Feed On WordPress 5.0 Website

Learn here how you embed Facebook feed On WordPress 5.0 Website

Step 1A

Open the page/post in your WordPress backend where you want to embed the Facebook feeds.

facebook feed on wordpress website

Step 2A

Select “(+) Add Block” in the top left corner of the WordPress Editor.

display facebook feed on wordpress

Step 3A

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.

Integrate facebook Feeds on wordpress

Step 4A

Click on Publish/Update post and You’re done.

B. How You Embed Facebook feeds on WordPress Classic Editor

Learn here how you embed Facebook feeds on WordPress Classic Editor

Step 1B

Open the page/post in your WordPress backend where you want to embed the Facebook feeds.

Facebook feed on wordpress classic Editor

Step 2B

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.

Embed facebook post on WordPress

Step 3

Paste the generated embed code where you want to show your widget and click on Update/Publish to save the changes.

Facebook feed on WordPress

Embed on WIX Website

To embed your Facebook feed on the Wix website, choose Wix as your platform.

embed facebook feed on wix website

Now follow these steps –

Step 1

Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.

Step 2

Click on “+ Add” Button.

Embedding facebook feed on Wix  Website

Step 3

Click on More and Select Embed a Site.

 Facebook feed on Wix Website

Step 4

Check & Copy the “Website Address” under Mode.

Display facebook feed on wix website

Step 5

Paste the generated URL into the ” Website Address ” field.

Integrate Facebook feed code

Embed on Squarespace Website

Step 1

To embed your Facebook feed on Squarespace website, choose Squarespace as your platform.

Embed facebook feed on squarespace website

Step 2

Set width and height as per your requirements. Click on Get Code.

Facebook feed on Squarespace's height

Step 3

Copy the website Embed Code.

Facebook feed embed on Squarespace website

Step 4

On Squarespace, Navigate to the page where you want to embed social Feed Widget.

Step 5

Click on Edit.

Display Facebook feeds on Squarespace

Step 6

Click on +Add/Edit Block.

Facebook feeds on Squarespace

Step 7

Select Code.

Integrate facebook feeds on Squarespace

Step 8

Paste the Copied code and Click on Apply.

Show Facebook feed on Squarespace

Step 9

Save the page to apply the Changes.

Embed on Weebly Website

Step 1

To embed your Facebook Feed on the Weebly website, choose Weebly as your platform.

embed facebook feed on weebly website

Step 2

Set width and height as per your requirements. Click on Get Code and Copy the generated code.

Embed facebook page post on weebly website

Step 3

On Weebly Navigate to the page where you want to embed social feed widget.

Step 4

In the left navigation bar click on “Embed Code” and Drop it on the position where you want to display the widget.

Display facebook feeds on Weebly

Step 5

Click on edit custom HTML and paste the copied code into the Container.

Integrate Facebook feeds on Weebly

Step 6

Publish your changes.

Embed Facebook Feed on Shopify Website

Step 1

To embed your Facebook feed on the Shopify website, choose Shopify as your platform.

embed facebook post on shopify website

Step 2

Set width and height as per your requirements. Click on Get Code and Copy the generated code.

facebook feed on shopify

Shopify gives you the option to embed your Facebook feeds either on default Pages or New Pages or Blog Posts.

Default Pages

Follow these steps for Default Pages:

Step-1

Login your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step-2

Click on Customize button.

Embed facebook feeds on shopify Website

Step-3

Then Navigate to the left side of the page and click on Custom Content.

Embed facebook feeds on shopify

Step-4

Then click on Custom HTML and paste the Copied code and Click on Save.

Facebook feeds on shopify Website

New Pages

Follow these steps for new pages:

Step-1

Login your Shopify store and Navigate to Online Store->Pages menu in the sidebar.

Embed facebook feeds on shopify

Step-2

Click on Add Page.

Display facebook feeds on shopify

Step-3

Select Show HTML (<>) option of Text Editor.

Embed Facebook feed on shopify

Step-4

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1

Login your Shopify store and Navigate to Online Store->Blog posts menu in the sidebar.

facebook page feed on shopify

Step-2

Click on Add/Create Blog post on the Top right of the page.

Show facebook feeds on shopify

Step-3

Select Show HTML (<>) option of Text Editor.

add facebook post on shopify

Step-4

Paste the Copied code and Click on Save.

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

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