Facebook Sign In

Facebook Sign In

Accessing the Facebook Sign-In Settings

You can access the main KC:Web Settings by going to “KC:Web Settings” -> “Available Options” on the left-hand menu.

Then click on the "Sign In" tab to switch to view all of the available sign in plugins.

You will then need to click on the “Facebook Sign In” tab to switch the view to the options for this plugin.
 

Available Options

Enabled?: Select whether the Google Sign-in functionality should be enabled on the site.

Facebook App ID: Enter the Application ID for the Facebook application.

Facebook App Secret: Enter the Application Secret for the Facebook application.

Facebook Graph API Version: Enter the version of Graph API that should be used, this is found in your Facebook application settings.


Facebook Application

 For Facebook Sign-in to work correctly an application will need to be setup in Meta for Developers.

To do this you will need to:

  1. Go to https://developers.facebook.com/apps.

  2. Click on "Create App".

  3. Enter a name for the application and click "Next".

  4. Select "Authenticate and request data from users with Facebook Login" and click "Next".

  5. Select whether to connect a business portfolio or not then click "Next".

  6. Review the steps required to publish the application then click "Next".

  7. Click "Create App".

  8. Click "Customize the Authenticate and request data from users with Facebook Login use case".

  9. For the "email" option, click the "Add" button.

  10. Click on "Settings" on the left-hand side.

  11. Under "Valid OAuth Redirect URIs" you will need to setup a "Redirection URI" so that the customer is redirected back to the correct URL when they trigger the sign-in attempt. You will need to select "Web" as the type and then enter the URL as your website's base URL followed by "/account/facebook-auth/", for example "https://www.website.com/account/facebook-auth/".

  12. Click the "Login with the JavaScript SDK" option to enable it and then enter your website's domain name into the "Allowed Domains for the JavaScript SDK" option, for example "website.com".

  13. Click "Save Changes".

  14. Go to "App Settings" on the very left-hand menu, then click on "Basic" and fill in all required information.

  15. Take note of the "App ID" and "Secret" as you will need to enter them into the CMS.


Accounts

If a customer registers an account using Facebook Sign-In their email address and name will be taken from the data provided by Facebook, but they will need to enter the rest of their details. The password field will not be available as this is pre-set to a unique code that the website can re-create when handling log ins from Facebook accounts.

If a Facebook customer resets their password, the Facebook Sign-in functionality will no longer work for them, as they will no longer have the pre-set password, and they will need to use the standard log in functionality.