Skip to main content

Facebook

To add a Facebook Login button to your project, follow these steps.

  1. Enable the "Facebook" provider in the Sign In settings page (Settings > Sign In), and copy the Redirect URI.
  2. Go to the Facebook developers portal and create a new app. Choose Consumer as a type.

Create Facebook App

  1. In Details, enter the application name and email address, and click the Create app button.
  2. In the Application Dashboard, choose to set up Facebook Login.

Facebook Dashboard

  1. In the sidebar on the left, choose the Facebook Login Settings screen.

Facebook Settings Sidebar

  1. In the Client OAuth settings form, paste the URL you copied in step 1 into the Valid OAuth Redirect URIs field.

Facebook OAuth Settings

  1. From the sidebar, navigate to the Basic settings screen.

Facebook Settings Sidebar

  1. Here, enter your app's privacy policy, terms of service and data deletion URLs. You can also choose an icon 1024 by 1024px in size. This information will be displayed to users in the sign in dialog.

Facebook Settings Sidebar

  1. Save these settings. Then copy the App ID and App secret to Reflow.
  2. In the toolbar at the top, switch App Mode from Development to Live.

Facebook Live Switch

  1. From the Sidebar, navigate to the Permissions and Features screen.

Facebook Permissions Sidebar

  1. Here you need to find the public_profile and email permissions and click the Get advanced access button so that you can request this information from user accounts when they sign in. Don't select additional permissions, otherwise you will need to go through App Review. (Note: open the image in a new tab to see it full size).

Facebook Advanced Access

With this, users of your app will be able to login with their Facebook accounts in your project.

Note

Facebook gives users the option to switch off email sharing when signing in. As a result some users in your Registrations tab will have no associated email address.