How to Embed Facebook Feed on Shopify Website?

Add a Facebook Feed

To Embed Facebook Feed on websites you need to Integrate 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.

embed Facebook feed on Shopify

You’ll be automatically redirected to Taggbox Widget Dashboard

add Facebook feed on Shopify website

Step 2

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

Integrate facebook Feed on shopify

Step 3

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

Facebook post on shopify

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 Handle posts to your Facebook Feed Widget.
  • Albums – to fetch the Facebook Profile Albums to 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 page handle is mentioned
Embed Facebook post on shopify

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 Shopify Website

To embed Facebook feed on your Shopify website you need to follow the 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.

embed Facebook page feed on shopify website

Step 2

A new Dialog Box named “Choose Your Platform” will appear; select “Shopify” as your website platform.

Embed Facebook feed On Shopify

Step 3

A new Dialog box Shopify will appear.

Facebook feed embed code for shopify website

Step 4

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

Facebook feed embed code for shopify website

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

Copy the Web Embed Code from Taggbox Code Generator.

Step 2

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

Step 3

Click on the Customize button.

Embed facebook Post On Shopify

Step 4

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

add YouTube channels on shopify

Step 5

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

add Twitter hashtag feed on shopify

New Pages

Follow these steps for new pages:

Step 1

Copy the Web Embed Code from Taggbox Code Generator.

Step 2

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

Embed Facebook feed On Shopify page

Step 3

Click on Add Page.

Add Facebook feed On Shopify page

Step 4

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

Embed facebook  Feed on shopify page

Step 5

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step 1

Copy the Web Embed Code from Taggbox Code Generator.

Step 2

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

Embed facebook feed On Shopify Blog Posts

Step 3

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

facebook post on shopify website

Step 4

Select Show HTML (<>) option of Text Editor

Embed facebook Feed on shopify

Step 5

Paste the Copied code and Click on Save.

Great! You have successfully embedded Facebook feeds on your Shopify Website.

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

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