How To Embed Social Feed On HTML Website?

Embed social media feeds on HTML 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 HTML 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 to your existing account.

embed social media feed widget on HTML

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 HTML

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 HTML website

Click the CREATE WIDGET button.

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

add different social media feed on HTML

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.

Generate Social Media Feed Embed Code For HTML Website

Step by Step guide to Embed Social media feed widget on your HTML website.

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

how to add social media to html

2. Select HTML as your Website building platform.

Embed social wall for HTML website

3. Customize Width and Height as per your requirements and Click on Generate Code.

add social media widget on HTML website

4. Copy the generated code and Paste it into your webpage, where you want to embed your Social widget.

With these steps, you can easily embed your social widget on HTML website.

Get Embed Social Wall Code for HTML Website

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