> For the complete documentation index, see [llms.txt](/llms.txt).

# Facebook Social Login with Embedded Wallets

[Facebook login](https://developers.facebook.com/docs/facebook-login/) enables users to sign in using their Facebook credentials. Embedded Wallets supports Facebook as a social login provider, allowing developers to offer a familiar and quick authentication method for users with Facebook accounts.

To integrate Facebook with Web3Auth, developers must first create a Facebook App via the [Meta for Developers Console](https://developers.facebook.com/).

## Step 1: Create a Facebook app[​](#step-1-create-a-facebook-app "Direct link to Step 1: Create a Facebook app")

1. Follow Facebook's instructions to [create a new app](https://developers.facebook.com/docs/development/create-an-app).
2. When creating an app, make sure to select `Consumer` from this screen to use Facebook Login. ![Facebook OAuth2.0 App Dashboard](/assets/images/facebook-app-e8feee39dfce2522c37876b93b87141a.png)
3. On the next screen, you'll be presented with different products you can integrate into your Facebook app. Click **"Set Up"** in the card representing the **Facebook Login** capability.  
![Facebook OAuth2.0 App Dashboard](/img/embedded-wallets/authentication/facebook/facebook-login-setup.png)
4. Paste the following as a redirect URI into the "Valid OAuth Redirect URIs" field.

  - <https://auth.web3auth.io/auth>  
![Facebook OAuth2.0 App Dashboard](/img/embedded-wallets/authentication/facebook/facebook-login-settings-oauth.png)
5. Obtain the "App ID" and "App Secret" from the **Settings > Basic** screen.  
![Facebook OAuth2.0 App Dashboard](/img/embedded-wallets/authentication/facebook/facebook-app-id-secret.png)

## Step 2: Create a Facebook connection[​](#step-2-create-a-facebook-connection "Direct link to Step 2: Create a Facebook connection")

Enable on Dashboard

To use this feature, enable `Facebook` from the Social Connections section in the [dashboard](https://developer.metamask.io).

By default, Web3Auth uses its own pre-configured credentials for Facebook login.

![Toggle Facebook Connection on Dashboard](/assets/images/authentication-social-connections-39836c31a54393f4387abf946cf59a2f.png) 

Follow these steps to create a Facebook connection:

1. Visit the [Embedded Wallets dashboard](https://developer.metamask.io).
2. Go to the **Social Connections** section.
3. Click the **Settings** icon near the Facebook connection.
4. Enter the **Auth Connection ID**.
5. Enter the **Facebook App ID**.
6. Enter the **Facebook App Secret**.
7. Click the **Add Connection** button to save the settings.
![Facebook Connection](/assets/images/facebook-connection-06b55743d04d1bc0a2a51d22aec92a1c.png) 

## Usage[​](#usage "Direct link to Usage")

Since the Facebook connection details are available from the dashboard, developers don't need to pass any additional parameters to the `Web3AuthProvider`.

tip

Follow our [quickstart](/quickstart/?product=EMBEDDED%5FWALLETS&walletAggregatorOnly=NO&framework=REACT&stepIndex=0) to set up the basic flow.

### Implicit login with Facebook[​](#implicit-login-with-facebook "Direct link to Implicit login with Facebook")

web3authContext.tsx

```
await connectTo(WALLET_CONNECTORS.AUTH, {
  authConnection: AUTH_CONNECTION.FACEBOOK,
  authConnectionId: 'w3a-facebook-demo',
})

```