{"id":4946,"date":"2020-12-18T12:43:41","date_gmt":"2020-12-18T12:43:41","guid":{"rendered":"https:\/\/www.wpservices.com\/how-to-add-facebook-login-on-wordpress-website\/"},"modified":"2022-05-31T20:52:29","modified_gmt":"2022-05-31T20:52:29","slug":"how-to-add-facebook-login-on-wordpress-website","status":"publish","type":"post","link":"https:\/\/www.wpservices.com\/how-to-add-facebook-login-on-wordpress-website\/","title":{"rendered":"How to add Facebook login on WordPress website","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"
Are you tired of getting bogus name and email on your website registrations? Well, the easiest and the best solution here is to integrate WordPress Facebook login.<\/p>\n
With the Facebook login on WordPress<\/a>, you will not only get more registrations on your website but you will also get more information from them.<\/p>\n No one is going to enter their age, gender, and other information on every new website. Instead, if you simply ask them to login with Facebook, you will automatically get all the information from them.<\/p>\n Now that you know some of the advantages of adding a Facebook login WordPress button, let\u2019s begin the actual tutorial.<\/p>\n You surely might have your normal Facebook account but if you want to FB Login WordPress, you will need a developer account.<\/p>\n The process is simple, you just need to head over to developers.facebook.com<\/a> and create your account there.<\/p>\n <\/p>\n In order to add WordPress Facebook login, you will need to create a new app. On the top bar, you will see an option to create a new app. You just need to click on it.<\/p>\n There will be two fields for you to fill up. Enter the display name of your app and the contact email address.<\/p>\n Make sure that the contact email address you enter is the same email as your Facebook account. Also, don\u2019t enter the term \u201cFacebook\u201d on the display name. You can name it as your blog or name it as a \u201clogin button\u201d.<\/p>\n Now, just hit on the \u201cCreate app ID\u201d button and proceed to the next step.<\/p>\n <\/p>\n <\/p>\n The next thing you need to do is to create a product.<\/p>\n When you go to the next screen, you will see a couple of product options there.<\/p>\n <\/p>\n You will have to select the \u201cFacebook login\u201d option. Usually, this lies in the first row itself. So, just click Set up option under it.<\/p>\n On the next screen, you need to select technology. There will be four options available here as follows.<\/p>\n You need to select \u201cWeb\u201d on this screen.<\/p>\n <\/p>\n In the next screen, you will see a small 4 steps process that you need to complete in order to set up the WordPress Facebook login.<\/p>\n Here, on the next screen, you will be asked for your website URL. Just enter the website URL in which you wish to add the login button.<\/p>\n <\/p>\n Thereafter, hit the next button.<\/p>\n You will see the SDK code. You need to copy the code.<\/p>\n <\/p>\n If you know a little bit about coding, you can set some parameters here. There is complete documentation available on the developer’s page of Facebook. You can check out the documentation and you will know everything you should know about FB Login WordPress.<\/p>\n With parameters, you can access other information from the user. For instance, if you want to get the data about the things that user likes, you will need to add the likes parameters.<\/p>\n Even if you don\u2019t know to code and want to add, you can check the documentation on parameters over here<\/a>.<\/p>\n Add the parameters in the SDK and copy the code.<\/p>\n In the next screen, you are actually going to configure the Facebook login WordPress button. If you want to change the default design, you can change the code by taking a look at the docs<\/a>.<\/p>\n <\/p>\n You can also add a couple of more tweaks from there. However, for the people who don\u2019t want to get fancy can simply copy the code and hit the next button.<\/p>\n You will be asked to take a quick review at your settings, review it and you are ready to implement the WordPress Facebook login button.<\/p>\n There are basically two methods you can use to configure and add FB Login WordPress. One is by the Facebook login WordPress plugins and the other one is by adding it with PHP and the HTML.<\/p>\n If you plan to use one of the plugins, you don\u2019t need to worry about any single thing. In fact, it is so easy to integrate WordPress Facebook login with plugins that you won\u2019t have to paste the copied code. You just have to enter the details and you are done.<\/p>\n Basically, the plugins will ask you for app id and app secret. There will be a direct link given in the plugin settings which you can use to get the secret. Alternatively, you will find it in the apps from developers.facebook.com<\/p>\n There are two best plugins that you can use here. Both of these are free and available in the WordPress plugins directory itself.<\/p>\n <\/p>\n If you are only planning to use WordPress Facebook login, you can use this lightweight Facebook connector. It is extremely easy to connect Facebook using the plugin. Just enter the information about the app, select the button and you are done.<\/p>\n The last way is to go to the coding and enter the codes that you copied. You can check Facebook docs for the integration help.<\/p>\n To conclude, this was all about how to add the FB Login WordPress button in the registration and login page. It is always a great idea to allow your users to login using Facebook. You will get more registrations and also if you add a couple of more features, people can easily like\/share your content on Facebook. It will bring you more traffic and will also help your search rankings go higher and higher. Therefore, you can surely check out the docs and add a couple of more features.<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":" Are you tired of getting bogus name and email on your website registrations? Well, the easiest and the best solution here is to integrate WordPress Facebook login. With the Facebook login on WordPress, you will not only get more registrations on your website but you will also get more information from them. No one is …<\/p>\nStep 1: Create a Facebook Developer\u2019s account<\/h2>\n
Step 2: Create a new app<\/h2>\n
Step 3: Creating a product<\/h2>\n
\n
Step 4: Configure the Facebook app<\/h2>\n
Step 5: Configure the login button<\/h2>\n
Step 6: It\u2019s time for Facebook login on WordPress plugins<\/h2>\n
Super Socializer<\/a><\/h3>\n
\nThis is the best plugin for all the social media stuff. You can not only add a Facebook login button but can also add a login for various other social media. Moreover, you can also Facebook comments and other things like that. The configuration is a little tough over here.<\/p>\nNextend Social Login and Register<\/a><\/h3>\n
Final words<\/h2>\n