Custom Facebook Identity Provider

Last updated 11/23/2021

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.
Step 3

Step 4

  • Enter your App's Display Name. We recommend using your organization or company name.
  • Click Create App ID.

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

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

Step 9

Enter your Terms of Service and Privacy policy URLs.

Step 10

  • At the bottom of the page, click Add Platform.
  • Select Website.
  • Set your site URL as your https://api.breadbutter.io.
  • Click Save Changes.
Step 10

Step 11

Take note of the App ID and App Secret keys.
Step 11

Step 12

Enable your app for all customers by following Facebook’s instructions for submitting your application for approval.

Step 13

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. Navigate to Providers, then to Default Rules (or Domain Rules and open/create a domain module).
  4. Click "Sign in with Facebook" button.
  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 13

©2021 Bread and Butter IO - All Rights Reserved. Privacy policy | Terms of Service

Add authentication & API event tracking to your website/app with a script tag & configuration