Custom Facebook Identity Provider

Last updated 09/19/2022

Step 1

Log in to the developer site of Facebook:

https://developers.facebook.com/


Step 2

Click on My Apps at the top right, then click Create App.


Step 3

Select Consumer for your app type, then click Next.

Step 3

Step 4

  • Enter your App's Display Name. We recommend using your company name for the App name, as this name will appear during the login process.
  • Click Create app.

Step 5

Click Set Up for Facebook Login to add it as a product.

Step 5

Step 6

In the left menu, go to Facebook Login, then Settings.


Step 7

  • For the Valid OAuth Redirect URIs, enter:

    https://api.breadbutter.io/callback

  • Click Save Changes.
Step 7

Step 8

At the top of the page, click Get Advanced Access.

Step 8

Step 9

On the Permissions and Features page:

  • Search for public_profile.
  • Click the Get advanced access button.
  • Agree to the terms and then confirm.
Step 9

Step 10

Repeat the same steps for the email permission.


Step 11

In the left menu, go to Settings, then Basic.

Step 11

Step 12

Enter your Terms of Service, Privacy policy, and Data Deletion Instructions URLs.


Step 13

  • At the bottom of the page, click Add Platform.
  • Select Website.
  • For Site URL, set this to your website's URL.
  • Click Save Changes.
Step 13

Step 14

Take note of the App ID and App Secret keys.

Step 14

Step 15

At the top of the page, toggle your app to Live.

Step 15

Step 16

Bread & Butter Setup:

  1. Go to https://app.breadbutter.io/sign-in/
  2. Click Sign In and authenticate (or Sign Up make a new account and authenticate).
  3. Go to Tools in the left menu.
  4. Click on Facebook under Social Accounts.
  5. Select "Set Facebook for Production".
  6. Enter a custom name and description.
  7. Enter the App ID from the Facebook setup steps above.
  8. Enter the App Secret from the Facebook setup steps above.
  9. Click Save & Close.
  10. Click the checkbox next to your new Facebook provider to enable it.
Step 16