{"id":3021,"date":"2020-04-20T18:30:22","date_gmt":"2020-04-20T18:30:22","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=3021"},"modified":"2020-12-23T11:37:36","modified_gmt":"2020-12-23T11:37:36","slug":"how-to-embed-social-media-feed-widget-on-html-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-social-media-feed-widget-on-html-website\/","title":{"rendered":"How To Embed Social Feed On HTML Website?"},"content":{"rendered":"\n<p><a href=\"https:\/\/taggbox.com\/social-media-feeds-on-website\/\">Embed social media feeds<\/a>&nbsp;on HTML website&nbsp;to attract new visitors and gain trust by displaying User Generated Content (UGC), which will lead to conversion. Ultimately, that\u2019s the goal, right?<\/p>\n\n\n\n<p>Taggbox brings you a powerful &amp; reliable platform to embed Social Media Feeds, reviews, videos, etc. with complete user rights, real-time updates, moderation and personalization features.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"subTitle1\"><strong>Embed Social Media Feed On HTML Website<\/strong><\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Try Taggbox Widget \u2013&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\">Start Your 14 Days For Free<\/a><\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>1.<\/strong>&nbsp;Create a&nbsp;<a href=\"https:\/\/taggbox.com\/widget\/\">Taggbox Widget<\/a>&nbsp;account&nbsp;by&nbsp;Signing Up&nbsp;with&nbsp;14 Days For Free,&nbsp;or you can continue to&nbsp;Log in&nbsp;to your existing account.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-1.png\" alt=\"embed social media feed widget on HTML\" class=\"wp-image-5084\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-1.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-1-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-1-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-1-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>2.<\/strong>&nbsp;You\u2019ll be redirected to&nbsp;<strong>Taggbox Widget Dashboard<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-1.png\" alt=\"create social media Feed for HTML\" class=\"wp-image-5041\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-1.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-1-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-1-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-1-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>3.<\/strong> Click on \u201c<strong>Add Social Feeds<\/strong>\u201d option to start adding Social Media Feeds to your widget.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-1.png\" alt=\"add social media feed to HTML website\" class=\"wp-image-5043\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-1.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-1-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-1-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-1-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>4.&nbsp;<\/strong>In the pop-up&nbsp;<strong>\u201cPick a Source\u201d<\/strong>, select&nbsp;a&nbsp;social media platform&nbsp;as your source of aggregating feeds.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"745\" height=\"619\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-3.png\" alt=\"add different social media feed on HTML\" class=\"wp-image-5046\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-3.png 745w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-3-300x249.png 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>5.<\/strong> Choose the relevant Social Media platform that you want to embed feeds from.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Tip:<\/strong> You can also add multiple feeds from multiple sources like Instagram, Facebook, Twitter, Youtube, etc all in one widget.<\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><em>Social media sources and connection type available to embed from:<\/em><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Twitter<\/strong>&nbsp;\u2013 Hashtags (#), Handle (@), Mention (@), List, Favourites, and Advanced (Query)<\/li><li><strong>Instagram<\/strong>&nbsp;\u2013 Hashtags (#), Handle (@), Stories, Mention (@) and Tagged<\/li><li><strong>Facebook<\/strong>&nbsp;\u2013 Page, My Profile Posts, Albums, Page Reviews &amp; Page Mentions<\/li><li><strong>Youtube<\/strong>&nbsp;\u2013 Channel URL, Playlist, Keywords, and Location<\/li><li><strong>Vimeo<\/strong>&nbsp;\u2013 Hashtag (#) and Handle (@)<\/li><li><strong>Tumblr<\/strong>&nbsp;\u2013 Hashtag (#) and Handle (@)<\/li><li><strong>Pinterest<\/strong>&nbsp;\u2013 Handle (@) and User Board&nbsp;<\/li><li><strong>Flickr<\/strong>&nbsp;\u2013 Hashtag (#), Handle (@)<\/li><\/ul>\n\n\n\n<p>Note: Similarly, there are other connection types for different platforms.<\/p>\n\n\n\n<p>Pick a relevant source one by one to let Taggbox aggregate feeds for you.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Generate Social Media Feed Embed Code For HTML Website<\/strong><\/h2>\n\n\n\n<p>Step by Step guide to Embed Social media feed widget on your HTML website.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\"><strong>1.<\/strong>&nbsp;Now click on the <strong>\u201cPUBLISH\u201d<\/strong> button to generate embed code or you can also check the preview of your widget by clicking on the PREVIEW button.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1301\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Twitter-Publish-1.png\" alt=\"how to add social media to html\" class=\"wp-image-5047\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Twitter-Publish-1.png 1301w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Twitter-Publish-1-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Twitter-Publish-1-1024x548.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Twitter-Publish-1-768x411.png 768w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>2.<\/strong> <span style=\"font-weight: 400;\">Select <strong>HTML<\/strong> as your Website platform.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"719\" height=\"451\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-1.png\" alt=\"Embed social wall for HTML website\" class=\"wp-image-5049\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-1.png 719w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-1-300x188.png 300w\" sizes=\"(max-width: 719px) 100vw, 719px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>3.<\/strong> <span style=\"font-weight: 400;\">Customize Width and Height as per your requirements and click on <strong>Get Code<\/strong>.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"638\" height=\"288\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML.png\" alt=\"add social media widget on HTML website\" class=\"wp-image-5052\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-300x135.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>4.<\/strong> <span style=\"font-weight: 400;\"><strong>COPY<\/strong> the generated code and <strong>PASTE<\/strong> it into your HTML webpage body tag, where you want to embed your Social widget.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"638\" height=\"414\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-Get-Code.png\" alt=\"Get Embed Social Wall Code for HTML Website\" class=\"wp-image-5054\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-Get-Code.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-Get-Code-300x195.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><span style=\"font-weight: 400;\">With these steps, you can easily embed your social widget on an HTML website.<\/span><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><span style=\"font-weight: 400;\">If you have any questions or need help, please <\/span><a href=\"https:\/\/taggbox.com\/contact-us\/\"><span style=\"font-weight: 400;\">Contact us<\/span><\/a><span style=\"font-weight: 400;\"> or write to us at <\/span><a href=\"mailto:support@taggbox.com\"><b>support@taggbox.com<\/b><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embed social media feeds&nbsp;on HTML website&nbsp;to attract new visitors and gain trust by displaying User Generated Content (UGC), which will lead to conversion. Ultimately, that\u2019s the goal, right? Taggbox brings you a powerful &amp; reliable platform to embed Social Media Feeds, reviews, videos, etc. with complete user rights, real-time updates, moderation and personalization features. Embed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[225],"class_list":["post-3021","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-embed-social-media-feed"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/comments?post=3021"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3021\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=3021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=3021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=3021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}