{"section":"tutorials","requestedLocale":"es","requestedSlug":"registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook","locale":"es","slug":"registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook","path":"docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook.md","branch":"main","content":"Para activar el inicio de sesión con Facebook, haz clic en el ícono con la inicial de tu email y accede a **Configuración de la cuenta > Autenticación > Facebook** y completa los campos **Client ID** y **Secreto del cliente**, tal como se describe en el artículo [Configurar inicio de sesión con Facebook y Google](https://help.vtex.com/es/docs/tutorials/configurar-inicio-de-sesion-con-facebook-y-google).\n\n![Facebook OAuth ES](https://help.vtex.com/es/docs/tutorials/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook)\n\nPara obtener las credenciales, sigue las instrucciones en las secciones a continuación:\n\n1. [Crear aplicación](#1-crear-aplicacion)\n2. [Configurar inicio de sesión con Facebook en la aplicación](#2-configurar-inicio-de-sesion-con-facebook-en-la-aplicacion)\n3. [Realizar la configuración básica de la aplicación](#3-realizar-la-configuracion-basica-de-la-aplicacion)\n\n## 1. Crear aplicación\n\nPara empezar, debes registrar una aplicación en Facebook siguiendo los pasos a continuación:\n\n1. Accede a la página web [Meta for Developers](https://developers.facebook.com/?locale=es_LA).\n2. Crea una cuenta de Meta for Developers.\n3. En la barra superior, haz clic en **Mis aplicaciones**.\n4. Haz clic en `Crear aplicación`.\n5. Haz clic en **Permitir que las personas inicien sesión con su cuenta de Facebook** entre las opciones que se ilustran a continuación.\n\n   ![2-login-fb-es](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook_2.png)\n\n6. Haz clic en `Siguiente`.\n7. Ingresa el nombre de la aplicación y el email de contacto de la persona responsable por ella en los campos que se muestran a continuación.\n\n   ![3-login-fb-es](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook_3.png)\n\n8. Haz clic en `Crear aplicación`.\n\n## 2. Configurar el inicio de sesión con Facebook en la aplicación\n\nEl siguiente paso es configurar el producto de inicio de sesión con Facebook en la aplicación que creaste siguiendo las instrucciones a continuación:\n\n1. Haz clic en **Productos** en el menú lateral o en el **panel **de Meta for Developers, resaltado en la imagen siguiente.\n\n   ![4-login-fb-es](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook_4.png)\n\n2. Haz clic en `Configurar` y después selecciona `Configurar` en el menú desplegable.\n\n   ![5-login-fb-es](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook_5.png)\n\n3. Define los status como se detalla a continuación:\n\n   ![Configuração URI OAuth Facebook ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook_6.png)\n\n   Ingresa las siguientes URLs en **URI de redireccionamiento de OAuth válidos**, sustituyendo `{{HOST_URL}}`  por la URL base de tu tienda y `{{accountName}}` por el nombre de tu cuenta tal y como se describe en el menú de administración de la tienda:   \n\n      * `https://vtexid.vtex.com.br/VtexIdAuthSiteKnockout/ReceiveAuthorizationCode.ashx`\n      * `https://{{HOST_URL}}/api/vtexid/pub/authentication/oauth/authorizationcode`\n      * `https://{{accountName}}.myvtex.com/api/vtexid/pub/authentication/oauth/authorizationcode`\n\n4. En la parte inferior de la página, haz clic en el botón `Guardar cambios`.\n\n## 3. Realizar la configuración básica de la aplicación\n\nPor último, debes llenar algunos datos sobre la aplicación para completar el proceso de registro. En este paso obtendrás el **Client ID** y el **Secreto del cliente** que se utilizarán en la configuración de inicio de sesión con Facebook realizada en el Admin VTEX. Sigue los pasos a continuación:\n\n1. En el menú lateral de Meta for Developers, haz clic en **Configuración de la app** y después en **Básica:**\n\n   ![7-login-fb-es](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-facebook_7.png)\n\n2. Copia el valor del campo **Identificador de la aplicación**. Debes ingresar este valor en el campo **Client ID** al [configurar el inicio de sesión con Facebook en el Admin VTEX](/es/tutorial/configurar-inicio-de-sesion-con-facebook-y-google--tutorials_513).\n3. En **Clave secreta de aplicación**, haz clic en el botón **Mostrar** y, a continuación, copia el valor del campo. Debes ingresar este valor en el campo **Secreto del cliente** al [configurar el inicio de sesión con Facebook en el Admin VTEX](https://help.vtex.com/es/docs/tutorials/configurar-inicio-de-sesion-con-facebook-y-google).\n4. En el campo **URL de la política de privacidad**, ingresa el link a la política de privacidad de tu tienda.\n5. En **Ícono de la aplicación (1024 x 1024)**, agrega un ícono de exactamente 1024x1024 píxeles y fondo transparente.\n6. Selecciona una **Categoría**. Para tiendas, te sugerimos seleccionar **Compras**.\n7. Después, ingresa la **información de contacto del delegado de protección de datos** con los datos de la empresa responsable de la tienda.\n8. Haz clic en `Guardar cambios` en la parte inferior de la página.\n\nDespués de completar todos estos pasos puedes utilizar el **Client ID** y el **Secreto del cliente** obtenidos para configurar el inicio de sesión con Facebook en tu tienda, tal como se describe en el artículo [Configurar inicio de sesión con Facebook y Google](https://help.vtex.com/es/docs/tutorials/configurar-inicio-de-sesion-con-facebook-y-google)."}