How to Embed Facebook widget on Shopify Website

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

  1. Sign up at Tagembed or Login if you already have an account.
free facebook widget for shopify

Tagembed dashboard will open now.

2. Click on +Create Widget button at the top right corner of screen

free fb widget for shopify

A popup “Create Widget” will appear to fill-up the details:  

free facebook widget for shopify

2.1) Name your Facebook Widget.

2.2) Unique Url : It will be your widget name

2.3) Click On “Create Widget” button

There is profanity filter to block unwanted feeds in your widget

Kudos!!! you’ve created your first Shopify widget for Facebook with Tagembed.

NOTE: Here you can also create multiple widgets depending on your selected plan.

In order to add the feeds in the widget, click on the edit button.

best facebook widget for shopify

3. Click on the add feeds button from the left side menus

add fb widget on shopify website

4. A dialogue box will appear to “pick a source”, Choose Facebook now

embed facebook widget on shopify store

5. A new dialogue box will appear to Create Facebook Feed”

embed facebook feed on shopify

Here you have multiple options to create feeds

5.1) Page – enter Page url 

5.2) My Profile Posts – Login to Facebook and it will fetch feeds directly

5.3) Album– Enter Url of Album

5.4) Page Reviews – Enter page URL to fetch reviews 

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:

  1. Click on the Embed Widget button displayed below
add facebook on shopify website

Dialogue box will appear with “Choose Your Platform” Now Select Shopify 

add facebook widget on shopify online store

A new Dialogue box will open, now set the height and widget accordingly and click on Get Code button & copy this code

add fb widget on shopify store

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

Click on Custom content in left side of the page

tagembed widget for shopify

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

Click on Show HTML (<>) option in Text Editor.

Embed facebook Feed on shopify page

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

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

add facebook post on shopify blog post

Click on Show HTML (<>) option of the Text Editor.

Embed facebook Feed on shopify

Paste the Copied code and Save it now.

Pat Your Back!!! You have successfully embedded Facebook Widget on your Shopify Website.

If you have any questions or need help, please Contact us or write us at [email protected]