> **Can't find what you're looking for?** Use `search_docs` on the docs MCP server at `https://www.openfort.io/api/mcp` to find what you need.
>
> **Have feedback?** Use `submit_feedback` on the same MCP server.

# Facebook Login

To enable Facebook Auth for your project, you need to set up a Facebook OAuth application and add the application credentials to your Openfort Dashboard.

## Overview

Setting up Facebook logins for your application consists of 3 parts:

* Create and configure a Facebook Application on the [Facebook Developers Site](https://developers.facebook.com/).
* Add your Facebook keys to your [Openfort Project](https://dashboard.openfort.io/providers).
* Add the login code to your app. See [Add social login to your app](https://www.openfort.io/docs/configuration/social-login#add-social-login-to-your-app) for React, React Native, JavaScript, and Swift.

### Configuration

* Go to [developers.facebook.com](https://developers.facebook.com).
* Click on `Log In` at the top right to log in.

**Create a Facebook app**

* Click on `My Apps` at the top right.
* Click `Create App` near the top right.
* Select your app type and click `Continue`.
* Fill in your app information, then click `Create App`.
* This should bring you to the screen: `Add Products to Your App`. (Alternatively you can click on `Add Product` in the left sidebar to get to this screen.)

**Set up Facebook login for your Facebook app**

From the `Add Products to your App` screen:

* Click `Setup` under `Facebook Login`
* Skip the Quickstart screen, instead, in the left sidebar, click `Settings` under `Facebook Login`
* Enter your callback URI (`https://api.openfort.io/iam/v2/auth/callback/facebook`) under `Valid OAuth Redirect URIs` on the `Facebook Login Settings` page
* Enter this in the `Valid OAuth Redirect URIs` box
* Click `Save Changes` at the bottom right

Be aware that you have to set the right use case permissions to enable Third party applications to read the email address. To do so:

Under `Build Your App`, click on `Use Cases` screen. From there, do the following steps:

* Click the Edit button in `Authentication and Account Creation` on the right side. This action will lead to the other page.
* `public_profile` is set by default, so make sure it and `email` have status of **Ready for testing** in the redirected page.
* If not, click the **Add** button in email on right side.

**Copy your Facebook app ID and secret**

* Click `Settings / Basic` in the left sidebar
* Copy your App ID from the top of the `Basic Settings` page
* Under `App Secret` click `Show` then copy your secret
* Make sure all required fields are completed on this screen.

**Enter your Facebook app ID and secret into your Openfort project**

<img width="70%" height="70%" src="https://www.openfort.io/images/blog/facebookauth_da6c619b33.png" alt="Facebook Auth" />