How To Embed Facebook Feed On Shopify Website?

People love social media, and Facebook’s popularity is undeniable. With 2.6 billion monthly users and after 17 years of its launch, its engagement rate has always been high. 

Even though Facebook has many competitors, the users keep coming back to dwell with the news feeds. Think about all the benefits you will get from embedding Facebook feed on your Shopify website.

Want to know how you can do so? Read this quick tutorial by Taggbox Widget. We will show you some easy steps to embed Facebook Feed on your Shopify website to increase sales and other marketing benefits.

Add a Facebook Feed On Shopify Website

Try Taggbox Widget – Start Your 14 Days Free Trial

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

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

Integrate facebook Feed on shopify

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

Facebook post on shopify

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 Widget
  • Page Mentions – to fetch the feeds in which your page handle is mentioned
Embed Facebook post on shopify

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 –

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

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

Embed Facebook feed On Shopify

3. A new Dialog box Shopify will appear.

Facebook feed embed code for shopify website

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:

1. Copy the Web Embed Code from Taggbox Code Generator.

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

3. Click on the Customize button.

Embed facebook Post On Shopify

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

add YouTube channels on shopify

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:

1. Copy the Web Embed Code from Taggbox Code Generator.

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

Embed Facebook feed On Shopify page

3. Click on Add Page.

Add Facebook feed On Shopify page

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

Embed facebook  Feed on shopify page

5. Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

1. Copy the Web Embed Code from Taggbox Code Generator.

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

Embed facebook feed On Shopify Blog Posts

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

facebook post on shopify website

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

Embed facebook Feed on shopify

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].