{"id":4774,"date":"2020-10-21T08:26:42","date_gmt":"2020-10-21T08:26:42","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=4774"},"modified":"2022-02-25T04:55:34","modified_gmt":"2022-02-25T04:55:34","slug":"how-to-embed-facebook-widget-on-html","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-facebook-widget-on-html\/","title":{"rendered":"How to Embed Facebook Widget on HTML Website"},"content":{"rendered":"\n<p>Follow the simple step by step guide to embed <a href=\"https:\/\/taggbox.com\/facebook-widget\/\">Facebook Widget<\/a> on an HTML website using Taggbox Widget. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p><strong><em>TaggBox Widget &#8211;&nbsp;<\/em><\/strong><a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\"><em>Start your 14 days&nbsp;For Free Now<\/em><\/a><\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Embed Facebook Widget on HTML Website:<\/strong><\/h2>\n\n\n\n<p><strong>1.<\/strong> Create a&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox Widget<\/a>&nbsp;Account or Login&nbsp;if you\u2019re already an existing account holder.<\/p>\n\n\n\n<div style=\"height:27px\" 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-7.png\" alt=\"Facebook widget on website\" class=\"wp-image-5170\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-7.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-7-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-7-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-7-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>2.<\/strong> You\u2019ll be automatically redirected to&nbsp;<strong>Taggbox Widget Dashboard<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:27px\" 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-8.png\" alt=\"Add Facebook widget on website\" class=\"wp-image-5172\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-8.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-8-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-8-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-8-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p> <strong>3.<\/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:27px\" 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=\"\" 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:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>4.&nbsp;<\/strong> A dialog box&nbsp;<strong>\u201cPick a source\u201d<\/strong>&nbsp;will appear; select&nbsp;<strong>Facebook<\/strong> as a source of aggregating feeds<\/p>\n\n\n\n<div style=\"height:27px\" 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=\"Facebook widget html code\" 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<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Tip 1: 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<p><strong>5.<\/strong> A new dialog box will appear with&nbsp;<strong>\u201cCreate Facebook Feed\u201d<\/strong>&nbsp;options 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 enter the URL of the page you want to aggregate feeds from.<\/li><li><strong>My Profile Posts&nbsp;<\/strong>\u2013 Login to Facebook directly to fetch your handle feeds.<\/li><li><strong>Albums&nbsp;<\/strong>\u2013 Enter the URL of the <a href=\"https:\/\/taggbox.com\/blog\/embed-facebook-photo-album-on-website\/\">Facebook album<\/a> to get the feeds from the Album<\/li><li><strong>Page Reviews<\/strong>&nbsp;\u2013 Get reviews for your Facebook page.<\/li><li><strong>Page Mentions<\/strong>&nbsp;\u2013 Get all feeds in which your Facebook Page is mentioned.<\/li><\/ul>\n\n\n\n<div style=\"height:27px\" 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=\"Facebook feed widget html\" 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:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>6.<\/strong>&nbsp;Choose your aggregating method and enter the input accordingly.<\/p>\n\n\n\n<p>Finally, Click&nbsp;<strong>\u201cCreate Feed\u201d&nbsp;<\/strong>button.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>7.<\/strong>&nbsp;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: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=\"400\" height=\"234\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-4.png\" alt=\"Facebook feed widget html\" class=\"wp-image-5180\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-4.png 400w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-4-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: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>Tip 2: You can refine the aggregation process, enable the checkboxes on the above options accordingly.<\/p><\/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\"><p>Tip 3: Taggbox provides a&nbsp;<strong>\u201cPersonalize\u201d<\/strong>&nbsp;option to customize your feed&#8217;s display, with many options to choose between according to your need.&nbsp;<\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Steps to Generate Code to Embed Facebook Widget on HTML<\/strong><\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Follow the below steps to generate code for embedding Facebook Widget.&nbsp;<\/p>\n\n\n\n<p><strong>1.<\/strong>&nbsp; Click the&nbsp;<strong>\u201cPUBLISH\u201d<\/strong>&nbsp;button 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:27px\" 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-4.png\" alt=\"Facebook widget for html website\" class=\"wp-image-5181\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-4.png 1301w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-4-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-4-1024x548.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-4-768x411.png 768w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>2.<\/strong> A new Dialog Box named&nbsp;<strong>\u201cChoose Your Platform\u201d<\/strong>&nbsp;will appear; select the&nbsp;<strong>HTML&nbsp;<\/strong>logo to generate code for the HTML website.<\/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=\"Facebook page widget html\" 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.&nbsp;<\/strong>A new Dialog box <strong>HTML<\/strong> will 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-large\"><img decoding=\"async\" width=\"639\" height=\"288\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-12.png\" alt=\"Facebook Widget for HTML\" class=\"wp-image-5898\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-12.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-12-300x135.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>Set the width and height or select auto <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>4.<\/strong> Click on&nbsp;<strong>GET CODE<\/strong>&nbsp;and&nbsp;<strong>COPY<\/strong>&nbsp;the whole generated code.<\/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-large\"><img decoding=\"async\" width=\"639\" height=\"414\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-Get-Code-11.png\" alt=\"Facebook widget html\" class=\"wp-image-5899\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-Get-Code-11.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/HTML-Get-Code-11-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<h2 class=\"wp-block-heading\"><strong>To Embed Facebook Widget On Website<\/strong><\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Open the HTML code editor and paste the copied code into the website&#8217;s body tag section or page that you want.<\/p>\n\n\n\n<p>Open the live website to enjoy the Embedded Facebook Widget.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Taggbox Widget &#8211;&nbsp;<\/strong><a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\">Embed Facebook Widget on Your Website<\/a><\/p><\/blockquote>\n\n\n\n<p>If you have any questions or need help, please\u00a0<a href=\"https:\/\/taggbox.com\/contact-us\/\"><strong>contact us<\/strong><\/a>\u00a0or write us at\u00a0<a href=\"mailto:support@taggbox.com\"><strong>support@taggbox.com<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Follow the simple step by step guide to embed Facebook Widget on an HTML website using Taggbox Widget. TaggBox Widget &#8211;&nbsp;Start your 14 days&nbsp;For Free Now Embed Facebook Widget on HTML Website: 1. Create a&nbsp;Taggbox Widget&nbsp;Account or Login&nbsp;if you\u2019re already an existing account holder. 2. You\u2019ll be automatically redirected to&nbsp;Taggbox Widget Dashboard.&nbsp; 3. Click on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[279],"tags":[228,229],"class_list":["post-4774","post","type-post","status-publish","format-standard","hentry","category-integration-widget","tag-facebook-widget","tag-facebook-widget-on-html"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4774","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=4774"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4774\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=4774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=4774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=4774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}