How to Configure Facebook Login into Your WordPress Website

Why should I use the Facebook login on my WordPress site?

  • This simple and convenient experience leads to higher conversion.Think about how annoying it is to have to create yet another username and password for a new website or app you want to register with Having a Facebook login option allows users to directly log in to your website without having to go through the typical registration process.

  • How can I display a Facebook login button on my WordPress site?

  • If you not able to Add Facebook Social login icons on your custom login/registration page of your website, you can use our shortcode Guide.

  • show Login with Facebook account option when User try to sign up or Login in your WordPress Website. Many people love this button because they could save time because of no need to register and remember the password as well. All they need is their existing Facebook accounts.

    If you interesting such a great feature but are still wondering how to allow users to login by a Facebook account on your WordPress website, this guide is for you!

    Step 1: Configure Facebook Login into Your WordPress :

    • Go to Facebook developers console click here and sign up/Login with your facebook developer account.
    • facebook wp social login facebook
    • Go to the Facebook Developers apps page and click the button to Add New App.
    • facebook wp social login create facebook app
    • Select the options as your need to create an AppID.
    • facebook wp social login app options
    • Enter the App Display Name and Add Contact Email for your Facebook app respectively then click on Create App button to save your settings and create an App Id for your app and complete the Security Check.
    • facebook wp social login detials
    • Select Facebook Login by clicking on the Set Up button .
    • facebook wp social login facebook setup
    • Select the Web option as you are trying to integrate your Facebook Login with a website.
    • facebook wp social login facebook WWW
    • Next, enter the Site URL (from your miniOrange social login plugin WordPress) and click Save. Then, click Continue.
    • facebook wp social login facebook site URL
    • Go to Settings -> Basic to view your App Id and App Secret (Refer to the image below).
    • App Domain: Write your website’s domain there.
    • Privacy Policy URL: Fill in this box with the URL liked to your website’s privacy policy page.
    • Terms of Service: Fill in this box with the URL linked to your website’s terms of service page.
    • User Data Deletion:drop down, Select Data Deletion Instruction URL (Enter the URL of your page with the instructions on how users can delete their accounts on your site).
    • choose a category from the dropdown in the Category field and pick the App Purpose option that describes your App the best, then press Save Changes to save your configurations.
    • facebook wp social login facebook basicinfo
    • Change you app status from In Development to Live by clicking on OFF as shown in the image below. Then, click on confirm to confirm your change of status.
    • facebook wp social login facebook status
    • Enter the Callback/Redirect URL (from your miniOrange social login plugin WordPress) in the Valid OAuth Redirect URIs field. Click on the Save changes to save your configurations.

      Note: Most importantly, your Callback/Redirect URI should be https and not http. It is mandatory while configuring Facebook Login in miniOrange social login plugin for WordPress Website's.
    • facebook wp social login facebook callback
    • Copy your App ID and your App Secret and save it in your miniOrange social login plugin WordPress. (under client id and client secret field respectively).
    • facebook wp social login facebook keys

    Step 2: Set credentials in miniOrange Social Login Plugin WordPress

    • Go to miniOrange Social Login plugin → click on Configure Apps → click on Facebook Login Icon:
    • facebook WordPress social login miniOrange social plugin
    • Copy the Client Id and Client Secret form above setup and Paste them into the fields in Facebook Login Instructions.
    • facebook WordPress social login Client Id
    • Then click on Save & Test Configuration button.
    • A new window will appears and ask you to login to your Facebook account. Login with the account which you used to register the account in Facebook for Developer. Press Continue as … to complete the login process.
    • A notification from the plugin that The test was successful will be shown. That means your Custom app will set properly.
    • facebook WordPress social login Test Configuration
    • Now,You can see the facebook social Login button is activated in your WordPress Website.
    • Facebook Login Button looks like the following image on WordPress.
    • Facebook social login icon on wordpress
    • If you want to integrate Facebook login download our plugin.Just click Get this plugin button.
      WordPress Social Login (Facebook, Google, Twitter)

      Below Video for Configure Facebook Social Login In Wordpress.


    Free Trial

    If you don't find what you are looking for, please contact us at info@xecurify.com or call us at +1 978 658 9387.

    Hello there!

    Need Help? We are right here!

    support
    Contact miniOrange Support
    success

    Thanks for your inquiry.

    If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com