{"id":3028,"date":"2020-04-21T15:02:10","date_gmt":"2020-04-21T15:02:10","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=3028"},"modified":"2026-03-05T06:40:06","modified_gmt":"2026-03-05T06:40:06","slug":"how-to-create-social-widget-for-your-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-create-social-widget-for-your-website\/","title":{"rendered":"How to Create Social Media Feed Widget For Your Website"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Create Social Widget<\/h2>\n\n\n\n<p>To create an <a href=\"http:\/\/taggbox.com\/social-media-feeds-on-website\/\">Social media feed Widget<\/a> , you need to follow the given steps- <\/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\">\n<p>Try Taggbox Widget \u2013\u00a0<a href=\"https:\/\/app.taggbox.com\/register\">Start Your 14 Days For Free<\/a><\/p>\n<\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1<\/strong><\/h3>\n\n\n\n<p>Login or Sign-Up to&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox Widget<\/a><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-13-1024x484.png\" alt=\"Signup &amp; Login to Taggbox Widget\" class=\"wp-image-5883\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-13-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-13-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-13-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-13-1536x727.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-13.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2<\/strong><\/h3>\n\n\n\n<p>You will be redirected to your <strong>Taggbox<\/strong> <strong>Widget Dashboard<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13-1024x547.png\" alt=\"Taggbox Widget Dashboard\" class=\"wp-image-7557\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13-768x411.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-13.png 1302w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3<\/strong><\/h3>\n\n\n\n<p>On the dashboard, click on&nbsp;the&nbsp;<strong>Add Social Feeds<\/strong>&nbsp;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<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-16-1024x547.png\" alt=\"Add Social Media Feeds\" class=\"wp-image-5885\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-16-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-16-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-16-768x411.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-16.png 1302w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4<\/strong><\/h3>\n\n\n\n<p>In the pop-up&nbsp;<strong>\u201cPick a Source\u201d<\/strong>, select&nbsp;a<strong>&nbsp;social media platform&nbsp;<\/strong>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<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"745\" height=\"619\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-44.png\" alt=\"Select Social Media Source\" class=\"wp-image-5886\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-44.png 745w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-44-300x249.png 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Let&#8217;s take &#8220;<strong>Facebook<\/strong>&#8221; as an example to Create Social Widget.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 5<\/strong><\/h3>\n\n\n\n<p>Create a Facebook Feed box that will appear. Select a source from Page or My Profile Posts and create a Facebook connection.  <\/p>\n\n\n\n<p>You can aggregate feeds from the following sources:<\/p>\n\n\n\n<ul id=\"block-b87ca197-500f-4305-8522-630b4806eae4\" class=\"wp-block-list\">\n<li><strong>Page <\/strong>\u2013 enter URL of the page<\/li>\n\n\n\n<li><strong>My Profile Posts <\/strong>\u2013 Login to Facebook directly<\/li>\n\n\n\n<li><strong>Albums <\/strong>\u2013 Enter URL of the album<\/li>\n\n\n\n<li><strong>Page Reviews<\/strong> \u2013 Enter URL for the reviews<\/li>\n\n\n\n<li><strong>Page Mentions<\/strong> &#8211; Enter URL for the mention feeds<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"638\" height=\"375\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Feed-option.png\" alt=\"Create Facebook Feed\" class=\"wp-image-5892\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Feed-option.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Feed-option-300x176.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 6<\/strong><\/h3>\n\n\n\n<p>Click on Continue With Facebook. Provide your login credentials to connect your Facebook account to your  Social Feed Widget. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"400\" height=\"234\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/connect-fb-account.png\" alt=\"Connect Facebook Account\" class=\"wp-image-5895\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/connect-fb-account.png 400w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/connect-fb-account-300x176.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 7<\/strong><\/h3>\n\n\n\n<p>You can also use the <strong>Design<\/strong> and <strong>Moderation<\/strong> Panel to set up your Social Feed Widget. Or else you can embed the Facebook feed on the website directly. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/customize-fb-feed-1024x490.png\" alt=\"Preview Facebook Widget Wall\" class=\"wp-image-5902\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/customize-fb-feed-1024x490.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/customize-fb-feed-300x143.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/customize-fb-feed-768x367.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/customize-fb-feed-1536x735.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/customize-fb-feed.png 1583w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 8<\/strong><\/h3>\n\n\n\n<p>Great! You have successfully added your Facebook feeds. You can also see the &#8220;<strong>PREVIEW<\/strong>&#8221; of how your feeds gonna look on different devices.&nbsp;Click the <strong>\u201cPUBLISH\u201d<\/strong> button on the bottom-left of the screen;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-or-publish-1024x484.png\" alt=\"Preview Facebook Feeds Wall\" class=\"wp-image-5897\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-or-publish-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-or-publish-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-or-publish-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-or-publish-1536x727.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-or-publish.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>After following the above steps, you can select your preferable CMS and generate the code that can be used to embed the widget on your website easily.<\/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\">\n<p><strong>Note:<\/strong> <strong>You can also add multiple Social media feeds like Instagram, Twitter, YouTube, etc. in a single widget (as shown below).<\/strong><\/p>\n<\/blockquote>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-1-1024x484.png\" alt=\"Preview Social Feeds Wall\" class=\"wp-image-5896\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-1-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-1-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-1-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-1-1536x727.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/publish-or-preview-social-media-feeds-1.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\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\">\n<p>Read Here &#8211; <a href=\"https:\/\/taggbox.com\/support\/how-to-embed-social-wall-on-various-website-building-platforms\/\">Embed Social Media Feed Widget On Various Website Building Platform<\/a> <\/p>\n<\/blockquote>\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\">\n<p>Try Taggbox Widget To Embed Social Widget\u2013\u00a0<a href=\"http:\/\/app.taggbox.com\/register\">Start Your 14 Days For Free<\/a><\/p>\n<\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you have any questions or need help, please <a href=\"https:\/\/taggbox.com\/contact-us\/\"><strong>contact us<\/strong><\/a> or write to us at <a href=\"mailto:support@taggbox.com\"><strong>support@taggbox.com<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create Social Widget To create an Social media feed Widget , you need to follow the given steps- Try Taggbox Widget \u2013\u00a0Start Your 14 Days For Free Step 1 Login or Sign-Up to&nbsp;Taggbox Widget Step 2 You will be redirected to your Taggbox Widget Dashboard. Step 3 On the dashboard, click on&nbsp;the&nbsp;Add Social Feeds&nbsp;option to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[188],"class_list":["post-3028","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-embed-social-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3028","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=3028"}],"version-history":[{"count":1,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3028\/revisions"}],"predecessor-version":[{"id":11960,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3028\/revisions\/11960"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=3028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=3028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=3028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}