Custom Facebook Identity Provider: Bread & Butter

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 Allow people to log in with their Facebook account, then click Next.

Step 4

Enter an App Name. We recommend using your company name for the App name, as this name will appear during the login process.
Ensure that your contact email is correct.
For Business Account, select your company's business account. Business Account Verification is required to complete this setup process.
Click Create app.

Step 5

In the left menu, go to Products, then go to Configure > Settings for Facebook Login.

Step 6

For the Valid OAuth Redirect URIs, enter:

https://api.breadbutter.io/callback
Click Save Changes.

Step 7

In the left menu, go to Use cases, then click Edit for Authentication and account creation.

Step 8

On the Use case permissions page, click Add for email.

Step 9

Click Go back at the top right to return to the main menu.

Step 10

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

Step 11

Fill out all of the fields on this page that you are able to. This will ensure that your app will be approved by Facebook.

For App domains enter your website domain.
Enter your Terms of Service, Privacy policy, and Data Deletion Instructions URLs.

Step 12

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

Take note of the App ID and App Secret keys.

Step 14

If you see the Complete Data Use Checkup message at the top of the page, click Get Started, then follow the steps on the page to complete the process.

Step 15

Go to Verification in the left menu, and follow the steps to verify your business if you have not done so already. Business Verification is required in order to go live.

Step 16

At the bottom of the left menu, click Go Live, then click the Go Live button to set your app to live mode.

Step 17

Bread & Butter Setup:

Go to https://app.breadbutter.io/sign-in/
Click Sign In and authenticate (or Sign Up make a new account and authenticate).
Go to Settings in the left menu.
Click on Facebook under SSO Settings > Social Accounts.
Select "Set Facebook for Production".
Enter a custom name and description.
Enter the App ID from the Facebook setup steps above.
Enter the App Secret from the Facebook setup steps above.
Click Save.
Click the checkbox next to your new Facebook provider to enable it.