How to Embed Social Media Feed on Shopify Website

Embed social media feeds on Shopify website to attract new visitors and gain trust by displaying User Generated Content (UGC), which will lead to conversion. Ultimately, that’s the goal, right?

Taggbox brings you a powerful & reliable platform to embed Social Media Feeds, reviews, videos, etc. with complete user rights, real-time updates, moderation and personalization features.

Embed Social Media Feed On Shopify Website

Try Taggbox Widget – Start Your 14 Days Free Trial

1. Create a Taggbox Widget account by Signing Up with 14 Days Free Trial, or you can continue to Log In if you are an existing Taggbox member.

embed social media feed widget on shopify

2. You’ll be redirected to Taggbox Dashboard. Now, Click on “+Create Widget” at the top right corner of the screen.

create social media Feed for shopify

3. Dialog Box “Create Widget” will appear 

  • Widget Name – Enter the Name of your projects or whatever you like.
  • Your Unique URL – Automatically, your widget name will appear; you can also change it according to your mood.
  • Profanity Filter – Enabling this checkbox will let you filter all the profanity posts before Taggbox aggregates it.
add social media feed to shopify website

Click the CREATE WIDGET button.

4. A new dialog box with “Pick a source” will appear.

add different social media feed on shopify

Choose the relevant Social Media you want to embed a feed from.

Tip: You can create multiple feeds from multiple sources according to your Taggbox Account plan. You can check the features available on your plan from the Taggbox Dashboard>Account section.

Social media sources and connection type available to embed from:

  • Twitter – Hashtags (#), Handle (@), Mention (@), List, Favourites, and Advance
  • Instagram – Hashtags (#), Handle (@), Mention (@) and Tagged
  • Facebook – Page, Facebook Profile Posts, Albums, and Page Reviews
  • Youtube – Channel URL, Playlist, Keywords, and Location
  • Vimeo – Hashtag (#) and Handle (@)
  • Tumblr – Hashtag (#) and Handle (@)
  • Pinterest – Username (@) and Board Name 
  • Flickr – Keyword, Handle (@)

Note: Similarly, there are other connection types for different platforms requirements.

Pick a relevant source one by one you want Taggbox to aggregate feeds from.

Get Social Media Feed Embed Code For Shopify Website

To embed Social media feed on your website, you need to follow the given steps-

1. Now click on “Embed Widget” button to generate embed code.

how to add social media to shopify

2. To embed your Social Widget on the Shopify website, Choose Shopify as your platform.

Embed Social media feed widget On Shopify

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

Get Embed Social feed Code

Shopify gives you the option to embed your Social widget either on default Pages or New Pages or Blog Posts.

Embed Social Media Feed Widget On Shopify 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 Customize button.

Embed Social Media Post on Shopify

4. Then Navigate to left side of the page and click on Custom Content.

Embed Custom Social Media feed

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

Social Widget feed Code For Shopify

Social Media Feed On Shopify 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.

Embed Social Media Widget On Shopify page

3. Click on Add Page.

Add Social feed On Shopify page

4. Select Show HTML (<>) option of Text Editor.

embed social media widget on shopify page

5. Paste the Copied code and Click on Save.

Embed Social Media Feed on 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.

EmbeSocial Widget On Shopify Blog Posts

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

Create Shopify blog post for Embed Widget

4. Select Show HTML (<>) option of Text Editor.

Embed Widget Code

5. Paste the Copied code and Click on Save.

Great! You have successfully embedded Social Widget on your Shopify Website.

Try Taggbox To Embed Social Widget Feed – Start Your 14 Days Free Trial

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