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.
You’ll be automatically redirected to Taggbox Widget Dashboard.
2. Click on the “Add Social Feeds” option to start adding Facebook feeds to your widget.
3. A dialog box “Pick a source” will appear; select Facebook as a source of aggregating feeds
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
5. Choose your method of aggregating feeds and enter the input accordingly.
Lastly, Click “Create Feed” button.
A “Continue with Facebook” pop-up will appear; proceed to Login to a Facebook account to provide authorization for aggregating.
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.
2. A new Dialog Box named “Choose Your Platform” will appear; select “Shopify” as your website platform.
3. A new Dialog box Shopify will appear.
4. Set the width and height or select auto then Click on GET CODE and COPY the whole generated code.
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.
4. Then Navigate to left side of the page and click on Custom Content.
5. Then click on Custom HTML and paste the Copied code and Click on Save.
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.
3. Click on Add Page.
4. Select Show HTML (<>) option of Text Editor.
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
3. Click on Add/Create Blog Post on the Top right of the page.
4. Select Show HTML (<>) option of Text Editor
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].