{"id":4781,"date":"2020-10-21T10:33:27","date_gmt":"2020-10-21T10:33:27","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=4781"},"modified":"2022-02-25T04:55:44","modified_gmt":"2022-02-25T04:55:44","slug":"how-to-embed-facebook-widget-on-wordpress","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-facebook-widget-on-wordpress\/","title":{"rendered":"How to Embed Facebook Widget on WordPress"},"content":{"rendered":"\n<p>Follow the simple step by step guide to embed <a href=\"https:\/\/taggbox.com\/facebook-widget\/wordpress\/\">Facebook Widget on WordPress website<\/a>.<\/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;\u00a0<\/strong><em><strong><a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\">Start your 14 days\u00a0For Free Now<\/a><\/strong><\/em><\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Embed Facebook Widget on WordPress<\/strong><\/h2>\n\n\n\n<p><strong>1.<\/strong>  Create a&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox&nbsp;Widget<\/a> Account or&nbsp;Login&nbsp;if you&#8217;re an existing Taggbox Widget account holder.<\/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-6.png\" alt=\"Facebook widget WordPress\" class=\"wp-image-5155\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-6.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-6-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-6-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Signing-up-6-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> Now, you&#8217;ll be 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=\"1430\" height=\"751\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-2.png\" alt=\"Facebook widget on WordPress \" class=\"wp-image-5157\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-2.png 1430w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-2-300x158.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-2-1024x538.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-2-768x403.png 768w\" sizes=\"(max-width: 1430px) 100vw, 1430px\" \/><\/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 the <strong>\u201cAdd Social Feeds\u201d<\/strong> 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-6.png\" alt=\"\" class=\"wp-image-5158\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-6.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-6-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-6-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-add-social-feeds-6-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>4.&nbsp;<\/strong>A dialog box <strong>&#8220;Pick a source&#8221;<\/strong>&nbsp;will appear, select&nbsp;<strong>Facebook&nbsp;<\/strong>as a 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-10.png\" alt=\"adding Facebook widget to WordPress\" class=\"wp-image-5159\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-10.png 745w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-10-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&nbsp;<strong>&#8220;Create Facebook Feed&#8221;<\/strong>&nbsp;will appear to aggregate feeds from:<\/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&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 photo gallery<\/a> to get the photos 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: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-3.png\" alt=\"add Facebook widget to WordPress\" class=\"wp-image-5160\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed-3.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Create-Facebook-Feed-3-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>&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 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=\"400\" height=\"234\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-3.png\" alt=\"add Facebook widget to WordPress\" class=\"wp-image-5161\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-3.png 400w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Continue-with-Facebook-3-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 correct Facebook credentials, in some seconds; your feeds will be displayed on the Taggbox Editor.<\/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>&#8220;Personalize&#8221;<\/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\"><strong>Steps to Generate Code to Embed Facebook Widget on WordPress<\/strong><\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Generate <a href=\"https:\/\/taggbox.com\/facebook-widget\/\">Facebook Widget<\/a> embed code by following the below steps.<\/p>\n\n\n\n<p><strong>1.<\/strong> 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: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-3.png\" alt=\"adding Facebook widget to website\" class=\"wp-image-5162\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-3.png 1301w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-3-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-3-1024x548.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Facebook-Publish-3-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> Dialog Box&nbsp;<strong>&#8220;Choose Your Platform&#8221;<\/strong>&nbsp;will appear, select <strong>WordPress<\/strong> to generate code for WordPress 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-7.png\" alt=\"Facebook add widget\" class=\"wp-image-5163\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-7.png 719w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-platform-7-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&nbsp;&#8220;<strong>WordPress<\/strong>&#8221;&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=\"716\" height=\"588\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-wordpress-16.png\" alt=\"Choose Height WP\" class=\"wp-image-6868\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-wordpress-16.png 716w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-wordpress-16-300x246.png 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Select auto or 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> Then just click on&nbsp;<strong>GET CODE&nbsp;<\/strong>and&nbsp;<strong>copy<\/strong>&nbsp;the 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=\"718\" height=\"586\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embe-code-wordpress-17.png\" alt=\"Embed Code WP\" class=\"wp-image-6869\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embe-code-wordpress-17.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embe-code-wordpress-17-300x245.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/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 4: You can also download&nbsp;<strong><a href=\"https:\/\/wordpress.org\/plugins\/taggbox-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">Taggbox Widget WordPress Plugin<\/a><\/strong>&nbsp;for the WordPress website to make the process easier.<\/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>To Embed Facebook Widget On WordPress 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><strong>1.<\/strong> Log in to the WordPress Admin panel to edit the web pages.<\/p>\n\n\n\n<p>In WordPress backend open the page and select the location where you want to embed the Instagram Hashtag Feeds.<\/p>\n\n\n\n<p><strong>2.<\/strong>&nbsp;You&#8217;ll see &#8220;<strong>(+) Add Block&#8221;&nbsp;<\/strong>on the left top of the editor or on the middle of the contents. Click it.<\/p>\n\n\n\n<p><strong>3.<\/strong>&nbsp;Paste the copied code into the &#8220;<strong>CODE &lt;&gt;&#8221;<\/strong>&nbsp;editor.&nbsp;<\/p>\n\n\n\n<p>Click on&nbsp;<strong>Publish\/Update<\/strong>, and it&#8217;s Done.<\/p>\n\n\n\n<p>Open your live website and enjoy the Embedded Facebook Widget on your WordPress website.<\/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;\u00a0<\/strong><em><strong><a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\">Start your 14 days\u00a0For Free Now<\/a><\/strong><\/em><\/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 WordPress website. Taggbox Widget &#8211;\u00a0Start your 14 days\u00a0For Free Now Embed Facebook Widget on WordPress 1. Create a&nbsp;Taggbox&nbsp;Widget Account or&nbsp;Login&nbsp;if you&#8217;re an existing Taggbox Widget account holder. 2. Now, you&#8217;ll be redirected to&nbsp;Taggbox Widget Dashboard.&nbsp; 3. Click on the \u201cAdd Social Feeds\u201d option [&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,231],"class_list":["post-4781","post","type-post","status-publish","format-standard","hentry","category-integration-widget","tag-facebook-widget","tag-facebook-widget-on-wordpress"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4781","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=4781"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4781\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=4781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=4781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=4781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}