To enable login via Facebook, in your VTEX Admin, go to Account Settings > Authentication and complete the Client ID and Client Secret fields, as described in the Configuring login with Facebook and Google article.

To get these credentials, follow the instructions below:

1. Create an app
2. Configure Facebook Login in the app
3. Configure the app's basic settings

To begin, you need to create a Facebook application by following the steps below:

1. Access the Meta for Developers website.

2. Create a Facebook developer account.

3. Once logged in, click My Apps in the top bar.

4. Click Create App.

5. Click Allow people to log in with their Facebook account from the options shown below.

   

6. Click Next.

7. Enter the app name and the email address of the person in charge of the app in the fields illustrated below.

   

8. Click Create app.

The next step is to set up the Facebook Login product in the app you created. To do this, follow the instructions below:

1. Click Products in the side menu or the Meta for Developers Dashboard, as in the image below.

2. Click Configure and select Settings.

   

3. Set the options as in the image below:

   

   Insert the following URLs in Valid OAuth Redirect URIs, replacing {{HOST_URL}} with your store's base URL and e {{accountName}} with your VTEX account name as described in the store's Admin:

   • https://vtexid.vtex.com.br/VtexIdAuthSiteKnockout/ReceiveAuthorizationCode.ashx
   • https://{{HOST_URL}}/api/vtexid/pub/authentication/oauth/authorizationcode
   • https://{{accountName}}.myvtex.com/api/vtexid/pub/authentication/oauth/authorizationcode

4. At the bottom of the page, click the Save Changes button.

Finally, you must complete specific information about the app to finish the registration process. In this step, you will obtain the Client ID and Client Secret. These will be used when configuring the Facebook login settings in the VTEX Admin. Please follow the steps below:

1. In the Meta for Developers side menu, go to App settings and click Basic:

2. Copy the value from the App ID field. You must enter this value in the Client ID field when configuring Facebook Login in the VTEX Admin.
3. Under App Secret, click the Show button, and then copy the value from the field. You must enter this value in the Client Secret field when configuring Facebook Login in the VTEX Admin.
4. Add the link to your store's terms of service in the Terms of Service URL field.
5. Under App Icon (1024 x 1024), add an icon of exactly 1024x1024 pixels and a transparent background for your app.
6. Choose a Category. For stores, we recommend using Shopping.
7. Below in this form, complete the Data Protection Officer Contact Information with the details of the company running the store.
8. At the bottom of the page, click Save Changes.

Once you have completed all these steps, you can use the Client ID and Client Secret you obtained to configure Facebook Login in your store, as detailed in the Configuring login with Facebook and Google article.