{"id":396,"date":"2015-04-13T12:26:10","date_gmt":"2015-04-13T07:26:10","guid":{"rendered":"http:\/\/128.199.176.160\/?p=396"},"modified":"2026-03-06T12:14:52","modified_gmt":"2026-03-06T07:14:52","slug":"how-to-integrate-facebook-login-to-wordpress","status":"publish","type":"post","link":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/","title":{"rendered":"How to Integrate Facebook login to WordPress?"},"content":{"rendered":"\n<p>Facebook API integration with a site improves your site&#8217;s social rank. We can integrate a like button to our website or a comment box, which is quite easy. A bit of a messy job comes when we get a requirement to create an app for a website and then integrate it. There may be many reasons to create an app. May be you want to give the users to signup to your site using their Facebook account or you want to engage more traffic from your social circle to your site\/blog using Facebook login.<\/p>\n\n\n\n<p>So today we are going to sum up the tried and tested steps involved in integration of &nbsp;Facebook login to WordPress manually without using any plugin. So let&#8217;s begin!<\/p>\n\n\n\n<p>To integrate graph API to WordPress, we first need to create an app on Facebook using developer page. And then start it straight away.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-1\"><strong>Step 1:<\/strong> <\/h2>\n\n\n\n<p>Login to your Facebook account and go to <a title=\"Facebook developer page\" href=\"https:\/\/developers.facebook.com\/apps\" target=\"_blank\" rel=\"noopener\">developer page<\/a>. Then Click on Add New App.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"1265\" height=\"540\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/creat-fb-app.jpg\" alt=\"Integrate Facebook Login to WordPress - Add a new App\" class=\"wp-image-397\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/creat-fb-app.jpg 1265w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/creat-fb-app-300x128.jpg 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/creat-fb-app-768x328.jpg 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/creat-fb-app-1024x437.jpg 1024w\" sizes=\"(max-width: 1265px) 100vw, 1265px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook Login to WordPress &#8211; Add a new App<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-2\"><strong>Step 2:<\/strong><\/h2>\n\n\n\n<p>It will open a light box asking you to select the platform. Just select <strong>www<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"1263\" height=\"598\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app2.jpg\" alt=\"Integrate Facebook login to WordPress - select website\" class=\"wp-image-398\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app2.jpg 1263w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app2-300x142.jpg 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app2-768x364.jpg 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app2-1024x485.jpg 1024w\" sizes=\"(max-width: 1263px) 100vw, 1263px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login to WordPress &#8211; select website<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-3\"><strong>Step 3:<\/strong><\/h2>\n\n\n\n<p>Give a name to your app<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"1138\" height=\"507\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app3.jpg\" alt=\"Integrate Facebook login to WordPress - Add name of App\" class=\"wp-image-399\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app3.jpg 1138w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app3-300x134.jpg 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app3-768x342.jpg 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app3-1024x456.jpg 1024w\" sizes=\"(max-width: 1138px) 100vw, 1138px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login to WordPress &#8211; Add name of App<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-4\"><strong>Step 4:<\/strong><\/h2>\n\n\n\n<p>You can select any type<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"1141\" height=\"467\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4.jpg\" alt=\"Integrate Facebook login to WordPress - Select type of App\" class=\"wp-image-400\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4.jpg 1141w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4-300x123.jpg 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4-768x314.jpg 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4-1024x419.jpg 1024w\" sizes=\"(max-width: 1141px) 100vw, 1141px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login to WordPress &#8211; Select type of App<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-5\"><strong>Step 5:<\/strong><\/h2>\n\n\n\n<p>Stop here, please. Go to your WordPress&nbsp;theme and create a template file, let&#8217;s say &#8220;fb.php&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app5.jpg\" alt=\"Integrate Facebook login to WordPress - Create WordPress template file\" class=\"wp-image-401\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app5.jpg 1366w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app5-300x169.jpg 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app5-768x432.jpg 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app5-1024x576.jpg 1024w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login to WordPress &#8211; Create WordPress template file<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-6\"><strong>Step 6:<\/strong><\/h2>\n\n\n\n<p>Please get back to your Facebook&nbsp;page and copy this code and paste it into your fb template file. &nbsp;And you can see you have to give your site URL which in my case is localhost\/wordpress. After putting your site URL click&nbsp;<strong>next<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"928\" height=\"1245\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4.png\" alt=\"Integrate Facebook login to WordPress - Facebook SDK code\" class=\"wp-image-402\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4.png 928w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4-224x300.png 224w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4-768x1030.png 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app4-763x1024.png 763w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login to WordPress &#8211; Facebook SDK code<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-7\"><strong>Step 7:<\/strong><\/h2>\n\n\n\n<p>Then you will see this page, just copy the code and put it into your fb template.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"921\" height=\"410\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app7.png\" alt=\"Integrate Facebook login to WordPress - Facebook HTML5 code\" class=\"wp-image-404\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app7.png 921w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app7-300x134.png 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app7-768x342.png 768w\" sizes=\"(max-width: 921px) 100vw, 921px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login to WordPress &#8211; Facebook HTML5 code<\/figcaption><\/figure>\n\n\n\n<p>Your template file will look like this.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app61.jpg\" alt=\"Integrate Facebook login to WordPress - Facebook Template for WordPress\" class=\"wp-image-405\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app61.jpg 1366w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app61-300x169.jpg 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app61-768x432.jpg 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app61-1024x576.jpg 1024w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login to WordPress &#8211; Facebook Template for WordPress<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-8\"><strong>Step 8:<\/strong><\/h2>\n\n\n\n<p>Now go to your WordPress admin and create a page, let&#8217;s say &#8220;Facebook&#8221;, from the WordPress admin and assign the fb template to this page. Open your page and your page will be looking like this.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"443\" height=\"282\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app10.jpg\" alt=\"Integrate Facebook login in WordPress - Facebook Page for WordPress\" class=\"wp-image-406\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app10.jpg 443w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app10-300x191.jpg 300w\" sizes=\"(max-width: 443px) 100vw, 443px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login in WordPress &#8211; Facebook Page for WordPress<\/figcaption><\/figure>\n\n\n\n<p>So you have done a good job but as you know our objective is still not achieved.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-9\"><strong>Step 9:<\/strong><\/h2>\n\n\n\n<p>If you go down of <a href=\"https:\/\/developers.facebook.com\/apps\" target=\"_blank\" rel=\"noopener\">developer<\/a> page you will see these boxes. Let&#8217;s integrate login to our site. Click on login box.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"1266\" height=\"519\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app11.jpg\" alt=\"create fb app11\" class=\"wp-image-407\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app11.jpg 1266w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app11-300x123.jpg 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app11-768x315.jpg 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app11-1024x420.jpg 1024w\" sizes=\"(max-width: 1266px) 100vw, 1266px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login img-10<\/figcaption><\/figure>\n\n\n\n<p>It will open a new tab and on that page you will find a complete code for login to put into your facebook&nbsp;template file.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"655\" height=\"2216\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/Facebook-Login-for-the-Web-Using-the-JavaScript-SDK.png\" alt=\"Facebook Login code for the Web Using the JavaScript SDK\" class=\"wp-image-408\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/Facebook-Login-for-the-Web-Using-the-JavaScript-SDK.png 655w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/Facebook-Login-for-the-Web-Using-the-JavaScript-SDK-89x300.png 89w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/Facebook-Login-for-the-Web-Using-the-JavaScript-SDK-303x1024.png 303w\" sizes=\"(max-width: 655px) 100vw, 655px\" \/><figcaption class=\"wp-element-caption\">Facebook Login code for the Web Using the JavaScript SDK<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-10\"><strong>Step 10:<\/strong><\/h2>\n\n\n\n<p>After putting the code, just find this &#8220;{your-app-id}&#8221; and put your app id. You can get your app id by navigating to this page &#8220;<a title=\"My fb apps\" href=\"https:\/\/developers.facebook.com\/apps\/\" target=\"_blank\" rel=\"noopener\">My apps<\/a>&#8220;<\/p>\n\n\n\n<p>Save your fb template and reload the page.<\/p>\n\n\n\n<p>Ah, an error, but it was important to show you. See it is saying the URL is mismatching. But what is it about? Now go to&nbsp;&#8220;<a title=\"My fb apps\" href=\"https:\/\/developers.facebook.com\/apps\/\" target=\"_blank\" rel=\"noopener\">My apps<\/a>&#8221; page and edit your app settings on edit settings page you will see the &#8220;App Domains&#8221; is empty and you should mentions your app domain over here. And we are using http:\/\/localhost\/wordpress\/facebook so our &#8220;App Domain&#8221; will be &#8220;localhost&#8221;. Put &#8220;localhost&#8221; in the box and click save. Now go to your WordPress page and reload it.<\/p>\n\n\n\n<p>Awesome, now you can see something like this.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"1029\" height=\"599\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app14.jpg\" alt=\"create fb app14\" class=\"wp-image-409\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app14.jpg 1029w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app14-300x175.jpg 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app14-768x447.jpg 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app14-1024x596.jpg 1024w\" sizes=\"(max-width: 1029px) 100vw, 1029px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login img-12<\/figcaption><\/figure>\n\n\n\n<p>There are three things to take care of.<\/p>\n\n\n\n<p><strong>1: Which of the things you are taking from user.<\/strong><\/p>\n\n\n\n<p><strong>2: User can edit and select which of the things he wants this app to access.<\/strong><\/p>\n\n\n\n<p><strong>3: Facebook is assuring the user that this app will not put anything on your wall (Unless you give it permissions to do so).<\/strong><\/p>\n\n\n\n<p>After clicking OK, you will get a <strong>&#8220;response object&#8221;<\/strong> from Facebook. This object will have the whole detail. If you open your browser&#8217;s console you will see some sub objects of main object. You can console the whole &#8220;response object&#8221; to see the whole information it is carrying.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app15.jpg\" alt=\"Integrate Facebook login in WordPress - Login now\" class=\"wp-image-410\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app15.jpg 1366w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app15-300x169.jpg 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app15-768x432.jpg 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/03\/create-fb-app15-1024x576.jpg 1024w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><figcaption class=\"wp-element-caption\">Integrate Facebook login in WordPress &#8211; Login now<\/figcaption><\/figure>\n\n\n\n<p>You can put the post request into this block or wherever you need. In our Test example, we are using TestAPI() function which fetches the user information from Facebook and shows you in console.log<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"if (response.status === 'connected'){}\"<\/pre>\n\n\n\n<p>You can make an ajax call at this point and store user information in your WordPress database and create Facebook login user as a WordPress user as well. &nbsp;There should be part 2 of this tutorial which explains that how we make an ajax call and create Facebook login user as WordPress user as well. We will be sharing it soon seeing how much people are interested in it so looking forward to it, and you can ask anything related to integration of&nbsp; Facebook login to WordPress in the comment box, will surely be helpful to all of our great readers!<\/p>\n\n\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Facebook API integration with a site improves your site&rsquo;s social rank. We can integrate a like button to our website or a comment box, which is quite easy. A bit of a messy job comes when we get a requirement to create an app for a website and then integrate it. There may be many [&hellip;]<\/p>\n","protected":false},"author":9268,"featured_media":476,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_analytify_skip_tracking":false,"footnotes":""},"categories":[53],"tags":[49,54,23],"class_list":["post-396","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-facebook","tag-social-media","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Integrate Facebook login to WordPress ?<\/title>\n<meta name=\"description\" content=\"To integrate graph API to WordPress, we first need to create an app on Facebook using developer page. Let&#039;s start it straight. Facebook login to WordPress\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Integrate Facebook login to WordPress?\" \/>\n<meta property=\"og:description\" content=\"To integrate graph API to WordPress, we first need to create an app on Facebook using developer page. Let&#039;s start it straight. Facebook login to WordPress\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"WPBrigade\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/WPBrigade\" \/>\n<meta property=\"article:published_time\" content=\"2015-04-13T07:26:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-06T07:14:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/04\/Integrate-Facebook-login.png\" \/>\n\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Editorial Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpbrigade\" \/>\n<meta name=\"twitter:site\" content=\"@wpbrigade\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Editorial Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/\"},\"author\":{\"name\":\"Editorial Team\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#\\\/schema\\\/person\\\/2dea64860327e163e768333724338de6\"},\"headline\":\"How to Integrate Facebook login to WordPress?\",\"datePublished\":\"2015-04-13T07:26:10+00:00\",\"dateModified\":\"2026-03-06T07:14:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/\"},\"wordCount\":887,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2015\\\/04\\\/Integrate-Facebook-login.png\",\"keywords\":[\"facebook\",\"Social media\",\"WordPress\"],\"articleSection\":[\"How-to\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/\",\"name\":\"How to Integrate Facebook login to WordPress ?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2015\\\/04\\\/Integrate-Facebook-login.png\",\"datePublished\":\"2015-04-13T07:26:10+00:00\",\"dateModified\":\"2026-03-06T07:14:52+00:00\",\"description\":\"To integrate graph API to WordPress, we first need to create an app on Facebook using developer page. Let's start it straight. Facebook login to WordPress\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2015\\\/04\\\/Integrate-Facebook-login.png\",\"contentUrl\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2015\\\/04\\\/Integrate-Facebook-login.png\",\"width\":350,\"height\":350,\"caption\":\"how to integrate facebook login with wordpress, facebook integration with wordpress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/how-to-integrate-facebook-login-to-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpbrigade.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Integrate Facebook login to WordPress?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#website\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/\",\"name\":\"WPBrigade\",\"description\":\"WordPress Development Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpbrigade.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#organization\",\"name\":\"WPBrigade\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Screen-Shot-2021-07-02-at-12.42.14-AM.png\",\"contentUrl\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Screen-Shot-2021-07-02-at-12.42.14-AM.png\",\"width\":271,\"height\":63,\"caption\":\"WPBrigade\"},\"image\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/WPBrigade\",\"https:\\\/\\\/x.com\\\/wpbrigade\",\"https:\\\/\\\/www.instagram.com\\\/wpbrigade.agency\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/wpbrigade\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Wpbrigade\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#\\\/schema\\\/person\\\/2dea64860327e163e768333724338de6\",\"name\":\"Editorial Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1bba47142d1af61a55ed7e262cdf830010cbef95f98003b6526c9b1e6a8e4f32?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1bba47142d1af61a55ed7e262cdf830010cbef95f98003b6526c9b1e6a8e4f32?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1bba47142d1af61a55ed7e262cdf830010cbef95f98003b6526c9b1e6a8e4f32?s=96&d=retro&r=g\",\"caption\":\"Editorial Team\"},\"sameAs\":[\"https:\\\/\\\/wpbrigade.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Integrate Facebook login to WordPress ?","description":"To integrate graph API to WordPress, we first need to create an app on Facebook using developer page. Let's start it straight. Facebook login to WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Integrate Facebook login to WordPress?","og_description":"To integrate graph API to WordPress, we first need to create an app on Facebook using developer page. Let's start it straight. Facebook login to WordPress","og_url":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/","og_site_name":"WPBrigade","article_publisher":"https:\/\/facebook.com\/WPBrigade","article_published_time":"2015-04-13T07:26:10+00:00","article_modified_time":"2026-03-06T07:14:52+00:00","og_image":[{"width":350,"height":350,"url":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/04\/Integrate-Facebook-login.png","type":"image\/png"}],"author":"Editorial Team","twitter_card":"summary_large_image","twitter_creator":"@wpbrigade","twitter_site":"@wpbrigade","twitter_misc":{"Written by":"Editorial Team","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/#article","isPartOf":{"@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/"},"author":{"name":"Editorial Team","@id":"https:\/\/wpbrigade.com\/#\/schema\/person\/2dea64860327e163e768333724338de6"},"headline":"How to Integrate Facebook login to WordPress?","datePublished":"2015-04-13T07:26:10+00:00","dateModified":"2026-03-06T07:14:52+00:00","mainEntityOfPage":{"@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/"},"wordCount":887,"commentCount":8,"publisher":{"@id":"https:\/\/wpbrigade.com\/#organization"},"image":{"@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/04\/Integrate-Facebook-login.png","keywords":["facebook","Social media","WordPress"],"articleSection":["How-to"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/","url":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/","name":"How to Integrate Facebook login to WordPress ?","isPartOf":{"@id":"https:\/\/wpbrigade.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/04\/Integrate-Facebook-login.png","datePublished":"2015-04-13T07:26:10+00:00","dateModified":"2026-03-06T07:14:52+00:00","description":"To integrate graph API to WordPress, we first need to create an app on Facebook using developer page. Let's start it straight. Facebook login to WordPress","breadcrumb":{"@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/#primaryimage","url":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/04\/Integrate-Facebook-login.png","contentUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2015\/04\/Integrate-Facebook-login.png","width":350,"height":350,"caption":"how to integrate facebook login with wordpress, facebook integration with wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/wpbrigade.com\/how-to-integrate-facebook-login-to-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpbrigade.com\/"},{"@type":"ListItem","position":2,"name":"How to Integrate Facebook login to WordPress?"}]},{"@type":"WebSite","@id":"https:\/\/wpbrigade.com\/#website","url":"https:\/\/wpbrigade.com\/","name":"WPBrigade","description":"WordPress Development Agency","publisher":{"@id":"https:\/\/wpbrigade.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpbrigade.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpbrigade.com\/#organization","name":"WPBrigade","url":"https:\/\/wpbrigade.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpbrigade.com\/#\/schema\/logo\/image\/","url":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-02-at-12.42.14-AM.png","contentUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-02-at-12.42.14-AM.png","width":271,"height":63,"caption":"WPBrigade"},"image":{"@id":"https:\/\/wpbrigade.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/WPBrigade","https:\/\/x.com\/wpbrigade","https:\/\/www.instagram.com\/wpbrigade.agency\/","https:\/\/www.linkedin.com\/company\/wpbrigade","https:\/\/www.youtube.com\/c\/Wpbrigade"]},{"@type":"Person","@id":"https:\/\/wpbrigade.com\/#\/schema\/person\/2dea64860327e163e768333724338de6","name":"Editorial Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/1bba47142d1af61a55ed7e262cdf830010cbef95f98003b6526c9b1e6a8e4f32?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1bba47142d1af61a55ed7e262cdf830010cbef95f98003b6526c9b1e6a8e4f32?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1bba47142d1af61a55ed7e262cdf830010cbef95f98003b6526c9b1e6a8e4f32?s=96&d=retro&r=g","caption":"Editorial Team"},"sameAs":["https:\/\/wpbrigade.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/posts\/396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/users\/9268"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/comments?post=396"}],"version-history":[{"count":4,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/posts\/396\/revisions"}],"predecessor-version":[{"id":319213,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/posts\/396\/revisions\/319213"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/media\/476"}],"wp:attachment":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/media?parent=396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/categories?post=396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/tags?post=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}