{"section":"tutorials","requestedLocale":"pt","requestedSlug":"cadastrar-client-id-e-client-secret-para-login-com-facebook","locale":"pt","slug":"cadastrar-client-id-e-client-secret-para-login-com-facebook","path":"docs/pt/tutorials/autenticação/conceitos-básicos-de-autenticação/cadastrar-client-id-e-client-secret-para-login-com-facebook.md","branch":"main","content":"Para ativar o login via Facebook, acesse **Configurações da conta > Autenticação** pelo Admin VTEX e preencha os campos **Client ID** e **Client secret**, conforme detalhado no artigo [Configurar login com Facebook e Google](https://help.vtex.com/pt/docs/tutorials/configurar-login-com-facebook-e-google).\n\n![Facebook OAuth PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autenticação/conceitos-básicos-de-autenticação/cadastrar-client-id-e-client-secret-para-login-com-facebook_1.png)\n\nPara obter essas credenciais, siga as instruções de cada etapa abaixo:\n\n1. [Criar aplicativo](#1-criar-aplicativo)\n2. [Configurar Login do Facebook no aplicativo](#2-configurar-login-do-facebook-no-aplicativo)\n3. [Realizar configurações básicas do aplicativo](#3-realizar-configuracoes-basicas-do-aplicativo)\n\n## 1. Criar aplicativo\n\nPara começar, cadastre um aplicativo no Facebook seguindo os passos abaixo:\n\n1. Entre no [Meta for Developers](https://developers.facebook.com/).\n2. Crie uma conta de desenvolvedor do Facebook.\n3. Na barra superior, clique em **Meus aplicativos**.\n4. Clique em `Criar aplicativo`.\n5. Clique em **Permitir que as pessoas entrem com a própria conta do Facebook**, dentre as opções ilustradas abaixo.\n\n   ![2-login-fb-pt](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autenticação/conceitos-básicos-de-autenticação/cadastrar-client-id-e-client-secret-para-login-com-facebook_2.png)\n\n6. Clique em `Avançar`.\n7. Preencha o nome do app e o email de contato do responsável pelo aplicativo nos campos ilustrados abaixo.\n\n   ![3-login-fb-pt](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autenticação/conceitos-básicos-de-autenticação/cadastrar-client-id-e-client-secret-para-login-com-facebook_3.png)\n\n8. Clique em `Criar aplicativo`.\n\n## 2. Configurar Login do Facebook no aplicativo\n\nO próximo passo é configurar o produto Login do Facebook no aplicativo que você criou. Para isso, siga as instruções abaixo:\n\n1. Clique em **Produtos** no menu lateral ou no **Painel** do Meta for Developers, destacado a seguir.\n\n   ![4-login-fb-pt](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autenticação/conceitos-básicos-de-autenticação/cadastrar-client-id-e-client-secret-para-login-com-facebook_4.png)\n\n2. Clique em `Configurar` e, em seguida, na opção `Configurações`.\n\n   ![5-login-fb-pt](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autenticação/conceitos-básicos-de-autenticação/cadastrar-client-id-e-client-secret-para-login-com-facebook_5.png)\n\n3. Defina os estados como na imagem abaixo:\n\n   ![Configuração URI OAuth Facebook PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autenticação/conceitos-básicos-de-autenticação/cadastrar-client-id-e-client-secret-para-login-com-facebook_6.png)\n\n   Insira as URLs abaixo em **URIs de redirecionamento do OAuth válidos**, substituindo `{{HOST_URL}}` pela URL base de sua loja e `{{accountName}}` pelo nome da sua conta VTEX como descrito no Admin:\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. No final da página, clique no botão `Salvar alterações`.\n\n## 3. Realizar configurações básicas do aplicativo\n\nPor fim, você precisa preencher algumas informações sobre o app para concluir o processo de cadastro. Nesta etapa, você vai obter o **Client ID** e o **Client secret** para as configurações de login com o Facebook no Admin VTEX. Siga os passos abaixo:\n\n1. No menu lateral do Meta for Developers, acesse **Configurações do app** e clique em **Básico:**\n\n   ![7-login-fb-pt](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autenticação/conceitos-básicos-de-autenticação/cadastrar-client-id-e-client-secret-para-login-com-facebook_7.png)\n\n2. Copie o valor do campo **ID do Aplicativo**. Você deverá informar este valor no campo **Client ID** ao [configurar o login com Facebook no Admin VTEX](https://help.vtex.com/pt/docs/tutorials/configurar-login-com-facebook-e-google).\n3. Em **Chave Secreta do Aplicativo**, clique no botão **Mostrar** e, em seguida, copie o valor do campo. Você deverá informar este valor no campo **Client secret** ao [configurar o login com Facebook no Admin VTEX](https://help.vtex.com/pt/docs/tutorials/configurar-login-com-facebook-e-google).\n4. No campo **URL da Política de Privacidade**, adicione o link para a política de privacidade da sua loja.\n5. Em **Ícone do aplicativo (1024x1024)**, insira um ícone para seu aplicativo de exatamente 1024x1024 pixels e fundo transparente.\n6. Selecione uma **Categoria**. Para lojas, recomendamos usar **Compras**.\n7. Abaixo, neste formulário, preencha as **Informações de contato do encarregado da proteção dos dados** com os dados da empresa responsável pela loja.\n8. No final da página, clique em `Salvar alterações`.\n\nApós concluir todas essas etapas, você pode usar o **Client ID** e o **Client secret** obtidos para configurar o login com Facebook na sua loja, conforme detalhado no artigo [Configurar login com Facebook e Google](https://help.vtex.com/pt/docs/tutorials/configurar-login-com-facebook-e-google)."}