There are two major steps involved in the process of embedding Facebook feed on your website.
Step I – Create A Facebook Widget
#2 Click on “Add Feeds” located on your dashboard.
#3 A popup appears. Select Facebook as the source of fetching content.
You can use any one of the sources to aggregate content from the Facebook feeds.
a) Page : To fetch the posts from your Facebook page.
b) My Profile Posts : To fetch the posts from the Facebook handle.
c) Albums : To fetch the entire Facebook profile album.
d) Page Reviews : To fetch the customer reviews.
e) Page Mentions : To fetch the posts that mention your account handle.
Click on the checkbox for content moderation and then click on “Create Feed”.
Select Continue with Facebook.
Step II – Embed the Facebook widget on Shopify Website
Click on the “Embed Widget” button present on the bottom-left corner of the editor page.
A popup appears. Select Shopify as the website building platform.
Set the dimensions and click on Get Code.
Copy the generated code.
Shopify gives an option to integrate your curated Facebook feeds to default pages, new pages or blog posts.
Given below are the steps to embed Facebook feeds on all the three types.
#1. Login to the Shopify store.
#2. Locate the online store option and then the Themes menu.
#3. Click on the “Customize” button.
#4. Click on “Custom Content” presented in the sidebar.
#5. Select the “Custom HTML” and paste the copied code and click on save.
#1 Login to the Shopify store and locate the online store option.
#2. Click on Pages, present in the sidebar.
#3. Click on the “Add Page” button.
#4. In the text editor, select the HTML (<>) option.
#5. Paste the copied code , now click on save button.
#1. Login to the Shopify store and navigate to the online store menu.
#2. Select the Blog posts option in the sidebar.
#3. Click on “Create blog post”.
#4. Select the HTML (<>) option in the text editor.
#5. Paste the code and click on save.
This way you will successfully embed Facebook feeds on your Shopify website.