{"id":4801,"date":"2020-10-28T07:23:04","date_gmt":"2020-10-28T07:23:04","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=4801"},"modified":"2021-06-01T08:42:22","modified_gmt":"2021-06-01T08:42:22","slug":"how-to-embed-facebook-widget-on-joomla","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-facebook-widget-on-joomla\/","title":{"rendered":"How to Embed Facebook Widget on Joomla"},"content":{"rendered":"\n<p>Embedding <a href=\"https:\/\/taggbox.com\/facebook-widget\/\">Facebook Widget<\/a> on your Joomla website is easy with 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>How to Embed Facebook Widget on Joomla:<\/strong><\/h2>\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;Sign Up&nbsp;with 14 days&nbsp;For Free&nbsp;or&nbsp;Log in&nbsp;if you have an existing account of&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\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-3.png\" alt=\"Facebook widget on joomla\" class=\"wp-image-5105\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-3.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-3-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-3-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-3-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> You will be taken 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-4.png\" alt=\"Facebook widget for joomla\" class=\"wp-image-5106\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-4.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-4-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-4-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-4-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<div style=\"height:20px\" 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: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-4.png\" alt=\"Facebook widget\" class=\"wp-image-5107\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-4.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-4-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-4-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-4-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<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>4.<\/strong>&nbsp;A popup box with&nbsp;<strong>\u201cPick a source\u201d&nbsp;<\/strong>will appear, select&nbsp;<strong>Facebook<\/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\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-7.png\" alt=\"adding Facebook widget to joomla\" class=\"wp-image-5108\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-7.png 745w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-7-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> A new box will appear with&nbsp;<strong>\u201cCreate Facebook Feed\u201d<\/strong>&nbsp;options to aggregate:<\/p>\n\n\n\n<p><strong>You can aggregate feeds from the following sources:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Page <\/strong>\u2013 enter the URL of the page you want to aggregate feeds from.<\/li><li><strong>My Profile Posts <\/strong>\u2013 Login to Facebook directly to fetch your handle feeds.<\/li><li><strong>Albums <\/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> \u2013 Get <a href=\"https:\/\/taggbox.com\/blog\/embed-facebook-reviews-on-website\/\">reviews for your Facebook page<\/a>. <\/li><li><strong>Page Mentions<\/strong> &#8211; Get all feeds in which your Facebook Page is mentioned.<\/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.png\" alt=\"adding Facebook widget to joomla\" class=\"wp-image-5110\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed-300x176.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>6.<\/strong> Choose your aggregating method and enter the input accordingly. <\/p>\n\n\n\n<p>Finally, Click&nbsp;<strong>\u201cCreate Feed\u201d <\/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> A <strong>&#8220;Continue with Facebook&#8221;<\/strong> pop-up will appear; proceed to Login&nbsp;to&nbsp;a&nbsp;Facebook&nbsp;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-2.png\" alt=\"adding Facebook widget to joomla\" class=\"wp-image-5144\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-2.png 400w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-2-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>Enter the valid credentials; in some seconds, your feeds will be displayed on the screen.<\/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>\u201cDesign\u201d<\/strong>&nbsp;option to customize the display of your feed, 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\" id=\"subTitle2\"><strong>Steps to Generate Code to Embed Facebook Widget on Joomla<\/strong><\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Generate code by following the below steps to embed Facebook Widget&nbsp;<\/p>\n\n\n\n<p><strong>1.<\/strong>&nbsp;Click the <strong>\u201cPUBLISH\u201d<\/strong> 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: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\/Facebook-Publish.png\" alt=\"Facebook widget\" class=\"wp-image-5111\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish.png 1301w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-1024x548.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-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>&nbsp;Dialog Box&nbsp;<strong>\u201cChoose Your Platform\u201d<\/strong>&nbsp;will appear; select the <strong>\u201cOTHER\u201d&nbsp;<\/strong>logo.<\/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-4.png\" alt=\"Facebook add widget\" class=\"wp-image-5112\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-4.png 719w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-4-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>&nbsp;A new Dialog box&nbsp;<strong>OTHER<\/strong>&nbsp;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=\"714\" height=\"318\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-other-5.png\" alt=\"Choose Height Other\" class=\"wp-image-6858\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-other-5.png 714w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-other-5-300x134.png 300w\" sizes=\"(max-width: 714px) 100vw, 714px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Either choose auto or you can also set width and height according to your requirement; <\/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&nbsp;<\/strong>and&nbsp;<strong>COPY<\/strong>&nbsp;the whole generated code; you can also share the code on email by clicking on the<strong> Share<\/strong> button.<\/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=\"711\" height=\"454\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-code-other-5.png\" alt=\"Embed Code Other\" class=\"wp-image-6859\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-code-other-5.png 711w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-code-other-5-300x192.png 300w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/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 Joomla Website<\/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 following steps:<\/p>\n\n\n\n<p>After copying the code from the Taggbox HTML source, we will now proceed to embed Facebook Widget on websites.<\/p>\n\n\n\n<p><strong>1<\/strong>. <strong>Log in<\/strong>&nbsp;to the Joomla Admin panel.<\/p>\n\n\n\n<p><strong>2.&nbsp;<\/strong>On the left menu panel,&nbsp;<strong>select articles<\/strong><\/p>\n\n\n\n<p><strong>3.&nbsp;<\/strong>Now, you\u2019ll see all the articles you\u2019ve published on your website.<\/p>\n\n\n\n<p>Select the article you want the Facebook Widget to be embedded on.<\/p>\n\n\n\n<p><strong>4.&nbsp;<\/strong>Now, from the ribbon Content, click on the&nbsp;<strong>embed icon (&lt;&gt;)<\/strong>&nbsp;to open the HTML editor and&nbsp;<strong>PASTE<\/strong>&nbsp;the&nbsp;<strong>GENERATED CODE<\/strong>&nbsp;from the&nbsp;<strong>Taggbox<\/strong>.<\/p>\n\n\n\n<p><strong>Click the OK<\/strong>&nbsp;button on the editor.<\/p>\n\n\n\n<p><strong>5.&nbsp;<\/strong>Finally, click&nbsp;<strong>SAVE<\/strong>&nbsp;on the left top to make the changes live.<\/p>\n\n\n\n<p>You\u2019re Done!<\/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><em>Try TaggBox \u2013&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\">Start your 14 days&nbsp;For Free Now<\/a><\/em><\/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\/\">&nbsp;Contact us<\/a>&nbsp;or write us at&nbsp;support@taggbox.com.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embedding Facebook Widget on your Joomla website is easy with Taggbox Widget. TaggBox Widget &#8211;&nbsp;Start your 14 days&nbsp;For Free Now. How to Embed Facebook Widget on Joomla: 1.&nbsp;Sign Up&nbsp;with 14 days&nbsp;For Free&nbsp;or&nbsp;Log in&nbsp;if you have an existing account of&nbsp;Taggbox Widget. 2. You will be taken to&nbsp;Taggbox Widget Dashboard.&nbsp; 3. Click on the \u201cAdd Social Feeds\u201d [&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,234],"class_list":["post-4801","post","type-post","status-publish","format-standard","hentry","category-integration-widget","tag-facebook-widget","tag-facebook-widget-on-joomla"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4801","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=4801"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4801\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=4801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=4801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=4801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}