How to Embed Facebook Feed on Shopify Website?

Add a Facebook Feed

To Embed Facebook Feed on website you need to Integrate Facebook Feed On Taggbox Widget Editor, So Follow the given steps:

Step 1

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

Try Taggbox – Start Your 14 Days Free Trial

embed facebook feed on shopify

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

add facebook feed on shopify website

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:

Integrate facebook Feed on shopify

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.

embed facebook post on shopify

Step 4

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

add facebook feed on shopify website

Step 5

Click Add Feeds , to create a New feed.

add feed from facebook to shopify website

Step 6

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

facebook post on shopify

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 post on shopify
  • 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 the Shopify Website.

Embed Facebook Feed on Shopify Website

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

Step-1

Click on Embed Widget Button on your Widget editor.

embed facebook page feed on shopify website

Step 2

To embed your Facebook Feed Widget on the Shopify website, Choose Shopify as your platform.

Embed facebook feed On Shopify

Step-3

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

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.

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 the left side of the page and click on Custom Content.

embed facebook feed

Step-5

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

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