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 on websites, first, you need to Add Facebook Feed On Taggbox Widget Editor. So follow the given steps:

Try Taggbox Widget – Start Your 14 Days Free Trial

Step 1

Create a Taggbox Widget Account or Login if you already have an existing account.

Facebook widget Sign Up

You’ll be automatically redirected to Taggbox Widget Dashboard

Taggbox Social widget Dashboard

Step 2

Click on the “Add Social Feeds” option to start adding Facebook feeds to your widget.

Create Facebook Widget

Step 3

A dialog box “Pick a source” will appear; select Facebook as a source of aggregating feeds

Pick Facebook as a source

Step 4

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

You can aggregate from the following source:

  • Page – to fetch Facebook Page posts on your Facebook Feed Widget.
  • My Profile Posts – to fetch your Facebook Profile posts on your Facebook Feed Widget.
  • Albums – to fetch your Facebook Profile Albums on your Facebook Feed Widget
  • Page Reviews – to fetch your User-generated reviews on your Facebook Feed Widget
  • Page Mentions – to fetch the feeds in which your profile handle is mentioned to your Facebook Feed Widget
embed Facebook page on your website

Step 5

Choose your method of aggregating feeds and enter the input accordingly.

Lastly, Click “Create Feed” button.

“Continue with Facebook” pop-up will appear; proceed to Login to a Facebook account to provide authorization for aggregating.

embed Facebook feeds on your website

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

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

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

Embed Facebook Feed On Website

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

Step 1

Click the “PUBLISH” button on the bottom-left of the screen; You can also see the PREVIEW of how your feeds gonna look on different devices.

Facebook widget for html website

Step 2

A new Dialog Box named “Choose Your Platform” will appear; select the logo of your website platform or else select “OTHER” if your platform is not mentioned.

Facebook page widget html

For example:

Embed Facebook Feed on HTML Website

Step 1

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

embed Facebook feed on HTML website

Step 2

A new Dialog box HTML will appear.

Facebook feed on html website

Step 3

Set the width and height or select auto then Click on GET CODE and COPY the whole generated code:

Finally, PASTE into the HTML website webpage where you want to embed the 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 website platform.

embed Facebook feed on WordPress website

Step 2

A new Dialog box WordPress will appear.

add Facebook page feed on WordPress website

Step 3

Set the width and height or select auto then Click on GET CODE and COPY the whole generated code:

add Facebook page post on WordPress website

Tip: You can also use the Taggbox Widget WordPress Plugin for making the process of integration more effortless and smooth.

Now follow the below steps for embedding the Facebook Feeds into WordPress websites using the Modern and Classic editor:

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.

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 3B

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

Embed on WIX Website

To embed your Facebook feed on the Wix website, choose Wix as your website 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 5Th step.

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 website platform.

Embed Facebook feed on squarespace website

Step 2

A new Dialog box Squarespace will appear.

Facebook feed on Squarespace's height

Step 3

Set the width and height or select auto then Click on GET CODE and COPY the whole generated code.

Facebook feed embed on Squarespace website

Step 4

On Squarespace, Navigate to the page where you want to embed Facebook 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 OTHER as your website platform.

embed Facebook feed on Weebly website

Step 2

A new Dialog box OTHER will appear.

Embed Facebook page post on Weebly website

Step 3

Set the width and height or select auto then Click on GET CODE and COPY the whole generated code.

Step 4

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

Step 5

In the left navigation bar, drag “Embed Code” and Drop it on the position where you want to display the Facebook Feeds Widget.

Display Facebook feeds on Weebly

Step 6

Click on Edit Custom HTML and paste the Copied embed code into the Container.

Integrate Facebook feeds on Weebly

Step 7

Publish your changes.

Embed Facebook Feed on Shopify Website

Step 1

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

embed Facebook post on shopify website

Step 2

A new Dialog box Shopify will appear.

Facebook feed on Shopify

Step 3

Set the width and height or select auto then Click on GET CODE and COPY the whole 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. Here are the steps to embed Facebook feeds on all the 3 types:

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 the Customize button.

Embed Facebook feeds on shopify Website

Step 3

Then Navigate to 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 to 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 to 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 Widget To Embed Facebook Feeds – Start Your 14 Days Free Trial

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