# Facebook Social Login with Embedded Wallets

> Facebook Social Login with Embedded Wallets | 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

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](/img/embedded-wallets/authentication/facebook/facebook-app.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.

   

4. Paste the following as a redirect URI into the "Valid OAuth Redirect URIs" field.
   - https://auth.web3auth.io/auth

   

5. Obtain the "App ID" and "App Secret" from the **Settings > Basic** screen.

   

## Step 2: Create a Facebook connection

:::success 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.

:::

Follow these steps to create a Facebook connection:

1. Visit the [Embedded Wallets dashboard](https://developer.metamask.io).
1. Go to the **Social Connections** section.
1. Click the **Settings** icon near the Facebook connection.
1. Enter the **Auth Connection ID**.
1. Enter the **Facebook App ID**.
1. Enter the **Facebook App Secret**.
1. Click the **Add Connection** button to save the settings.

## 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_WALLETS&walletAggregatorOnly=NO&framework=REACT&stepIndex=0) to set up the basic flow.

:::

### Implicit login with Facebook

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