If you want to embed Facebook feeds widget on your website but not sure how? Let us help you with Free Facebook Widget. Follow bellow mentions instructions to embed Facebook Widget On Shopify Website
- Sign up at Tagembed or Login if you already have an account.
![sign up](https://tagembed.com/support/wp-content/uploads/2021/07/sign-up-1024x510.jpg)
2. Your account is created, Now new window will appear for widget selection. Select Social widget & Start free trial.
![social widget](https://tagembed.com/support/wp-content/uploads/2023/01/social-widget.jpg)
3. Click on the add feeds button from the left side menus
![add fb widget on shopify website](https://tagembed.com/support/wp-content/uploads/2020/11/add-feeds-2.png)
4. A dialogue box will appear to “pick a source”, Choose Facebook now
![facebook source](https://tagembed.com/support/wp-content/uploads/2024/02/image-8-1024x538.png)
5. A new dialogue box will appear to Create Facebook Feed”
![facebook feed](https://tagembed.com/support/wp-content/uploads/2024/02/image-10-1024x419.png)
Here you have multiple options to create feeds
5.1) Handle – Login to Facebook and it will fetch feeds directlyÂ
5.2) Page – enter Page url
5.3) Album– Enter Url of Album
5.4) Mention – Enter URL to fetch all mentionsÂ
Click on the below button “Continue With Facebook”
Login to your Facebook Account to authorize for aggregation
NOTE: You can refine the aggregation process, enable the checkboxes on the above options accordingly.
NOTE: Tagembed being the best social media aggregator provides a “Personalize” option to customize the display of your feed, with many options to choose between according to your need.Â
Generate code to embed Facebook Feed widget on shopify.
Continuation with above process, now generate Facebook Widget Embed Code with these steps:
- Click on the Embed Widget button displayed below
![add facebook on shopify website](https://tagembed.com/support/wp-content/uploads/2020/11/embed-1.png)
Dialogue box will appear with “Choose Your Platform” Now Select Shopify
![shopify platform](https://tagembed.com/support/wp-content/uploads/2021/07/shopify-platform-1024x544.jpg)
A new Dialogue box will open, now set the height and widget accordingly and click on Get Code button & copy this code
![shopify code](https://tagembed.com/support/wp-content/uploads/2024/01/Shopify-pic-9-1024x482.png)
With Shopify, you can embed Facebook feed either on default pages or New Page of Blog posts.
Embed code on Shopify default pages
Copy the Web Embed Code from Tagembed Code Generator which you have created above.
Login to your Shopify store and go to the Online Store-> Themes Menu in the sidebar.
Click on the Customize button.
![integrate facebook widget on shopify](https://tagembed.com/support/wp-content/uploads/2020/11/shopify-facebook-widget.png)
Click on Custom content in left side of the page
![tagembed widget for shopify](https://tagembed.com/support/wp-content/uploads/2020/11/shopify-widget-2.png)
Click on Custom HTML and paste the Copied code and save it.
Embed code on new pages
Go through these steps:
Copy the Embed Code from Tagembed Facebook widget Code Generator.
Login to your Shopify store and go to the Online Store-> Pages Menu in the sidebar.
![embed facebook widget on shopify store](https://tagembed.com/support/wp-content/uploads/2020/11/facebook-widget-for-shopify.png)
Click on Show HTML (<>) option in Text Editor.
![Embed facebook Feed on shopify page](https://taggbox.com/support/wp-content/uploads/2020/04/2-4-1.png)
Paste the Copied code here and save it.
Embed code on blog posts
Copy the Embed Code from Tagembed Code Generator.
Login to your Shopify store > go to Online Store > Blog posts menu in the sidebar.
![Embed facebook feed On Shopify Blog Posts](https://taggbox.com/support/wp-content/uploads/2020/04/1-5.png)
Click on Add/Create Blog Post on the Top right corner of the page.
![add facebook post on shopify blog post](https://taggbox.com/support/wp-content/uploads/2020/04/Capture-6.png)
Click on Show HTML (<>) option of the Text Editor.
![Embed facebook Feed on shopify](https://taggbox.com/support/wp-content/uploads/2020/04/2-4-1.png)
Paste the Copied code and Save it now.
Pat Your Back!!! You have successfully embedded Facebook Feed on Shopify Website.
If you have any questions or need help, please Contact us or write us at [email protected].