{"id":2903,"date":"2020-05-29T17:57:46","date_gmt":"2020-05-29T17:57:46","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=2903"},"modified":"2021-07-17T09:08:36","modified_gmt":"2021-07-17T09:08:36","slug":"how-to-embed-facebook-feed-on-html-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-facebook-feed-on-html-website\/","title":{"rendered":"How To Embed Facebook Feed On HTML Website?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Add Facebook Feed On HTML Website<\/h2>\n\n\n\n<p> To create and <a href=\"http:\/\/taggbox.com\/blog\/embed-facebook-feed-on-website\/\">embed Facebook feed<\/a> on HTML website, you need to follow the given steps- <\/p>\n\n\n\n<div style=\"height:19px\" 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:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>1.<\/strong> Create a\u00a0<a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox Widget<\/a>\u00a0Account or <strong>Login\u00a0<\/strong>if you already have an existing account.<\/p>\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-34.png\" alt=\"Taggbox Social widget Dashboard\" class=\"wp-image-5991\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-34.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-34-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-34-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-34-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>You\u2019ll be automatically redirected to&nbsp;<strong>Taggbox Widget Dashboard<\/strong>.&nbsp;<\/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-37.png\" alt=\"Click Create widget button\" class=\"wp-image-5992\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-37.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-37-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-37-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-37-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> Click on the \u201c<strong>Add Social Feeds<\/strong>\u201d option to start adding Facebook 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-7.png\" alt=\"Create Facebook Widget\" class=\"wp-image-5173\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-7.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-7-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-7-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-7-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> A dialog box\u00a0<strong>\u201cPick a source\u201d<\/strong>\u00a0will appear, select\u00a0<strong>Facebook<\/strong>\u00a0as your feed aggregating source:<\/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-11.png\" alt=\"Pick Facebook as a source\" class=\"wp-image-5178\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-11.png 745w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-11-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>4.<\/strong> A new dialog box will appear with\u00a0<strong>\u201cCreate Facebook Feed\u201d<\/strong>\u00a0options to aggregate:<\/p>\n\n\n\n<p>You can aggregate from the following source:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Page&nbsp;<\/strong>\u2013 to fetch Facebook Page posts on your Facebook Feed Widget.<\/li><li><strong>My Profile Posts&nbsp;<\/strong>\u2013 to fetch your Facebook Profile posts on your Facebook Feed Widget.<\/li><li><strong>Albums&nbsp;<\/strong>\u2013 to fetch your Facebook Profile Albums on your Facebook Feed Widget<\/li><li><strong>Page Reviews<\/strong>&nbsp;\u2013 to fetch your Page handle User-generated reviews to your Facebook Feed Widget<\/li><li><strong>Page Mentions<\/strong>&nbsp;\u2013 to fetch the feeds in which your Page handle is mentioned to your Facebook Feed Widget<\/li><\/ul>\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=\"375\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed-4.png\" alt=\"Integrate Facebook Feed on Google sites\" class=\"wp-image-5179\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed-4.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed-4-300x176.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>5.<\/strong> Choose your aggregating method and enter the input accordingly.<\/p>\n\n\n\n<p>Lastly, Click&nbsp;<strong>\u201cCreate Feed\u201d&nbsp;<\/strong>button.<\/p>\n\n\n\n<p>A&nbsp;<strong>\u201cContinue with Facebook\u201d<\/strong>&nbsp;pop-up will appear; proceed to Login&nbsp;to&nbsp;a&nbsp;Facebook account to provide authorization for aggregating.<\/p>\n\n\n\n<div style=\"height:19px\" 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=\"400\" height=\"234\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-6.png\" alt=\"Facebook Feed Credential\" class=\"wp-image-5911\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-6.png 400w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-6-300x176.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>After entering the valid credentials, in some seconds, your feeds will be displayed.<\/p>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Tip: You can refine the aggregation process, enable the checkboxes on the above options accordingly.<\/p><\/blockquote>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Tip: Taggbox provides a&nbsp;<strong>\u201cDesign\u201d<\/strong>&nbsp;option to customize your feed\u2019s display, with many options to choose between according to your need.&nbsp;<\/p><\/blockquote>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Embed Facebook Feed on HTML Website<\/strong><\/h2>\n\n\n\n<p>To add <a href=\"https:\/\/taggbox.com\/facebook-widget\/html\/\">Facebook feed Widget on HTML website<\/a> you need to follow below steps\u2013<\/p>\n\n\n\n<p><strong>1.<\/strong> Click the\u00a0<strong>\u201cPUBLISH\u201d<\/strong>\u00a0button on the bottom-left of the screen; You can also see the PREVIEW of how your feeds gonna look on different devices.<\/p>\n\n\n\n<div style=\"height:19px\" 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\/Facebook-Publish-6.png\" alt=\"Embed Facebook Widget on website\" class=\"wp-image-5995\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-6.png 1301w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-6-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-6-1024x548.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-6-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> A new Dialog Box named\u00a0<strong>\u201cChoose Your Platform\u201d<\/strong>\u00a0will appear; select\u00a0<strong>\u201cHTML\u201d<\/strong>\u00a0as your website platform.<\/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-8.png\" alt=\"live Facebook feed on google site\" class=\"wp-image-5183\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-8.png 719w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-8-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> A new Dialog box\u00a0<strong>HTML<\/strong>\u00a0will appear.<\/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=\"639\" height=\"288\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-14.png\" alt=\"\" class=\"wp-image-6116\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-14.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-14-300x135.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>4.<\/strong> Set the width and height or select auto then Click on\u00a0<strong>GET CODE<\/strong>\u00a0and\u00a0<strong>COPY<\/strong>\u00a0the whole generated code.<\/p>\n\n\n\n<p>Finally, PASTE the code into the body tag of your HTML website webpage, where you want the widget to be embedded.<\/p>\n\n\n\n<div style=\"height:19px\" 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=\"639\" height=\"414\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-Get-Code-13.png\" alt=\"\" class=\"wp-image-6118\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-Get-Code-13.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-Get-Code-13-300x194.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Great! You have successfully embedded Facebook feeds on your HTML website.<\/p>\n\n\n\n<div style=\"height:19px\" 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 To Embed Facebook Feed \u2013<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>If you have any questions or need help, please <a href=\"https:\/\/taggbox.com\/contact-us\/\"><strong>contact us<\/strong><\/a> or write us at <a href=\"mailto:support@taggbox.com\"><strong>support@taggbox.com<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add Facebook Feed On HTML Website To create and embed Facebook feed on HTML website, you need to follow the given steps- Try Taggbox Widget \u2013&nbsp;Start Your 14 Days For Free 1. Create a\u00a0Taggbox Widget\u00a0Account or Login\u00a0if you already have an existing account. You\u2019ll be automatically redirected to&nbsp;Taggbox Widget Dashboard.&nbsp; 2. Click on the \u201cAdd [&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":[],"class_list":["post-2903","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2903","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=2903"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2903\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}