Login na conta com o Facebook

Como configurar o login pelo Facebook em sua loja

Equipe Vnda avatar
Escrito por Equipe Vnda
Atualizado há mais de uma semana

Nesse guia, vamos explicar de maneira simples e rápida como habilitar o login de usuário na loja usando o Facebook. 

Antes de seguir o passo a passo, é importante ressaltar que o botão de Login do Facebook deve ser adicionado por meio de uma revisão de layout. Caso a sua loja ainda não tenha, solicite pelo ajuda@vnda.com.br. Caso o botão já tenha sido desenvolvido na sua loja, basta seguir as etapas:

  1. Acesse o link: https://developers.facebook.com/apps/

    a) Faça login com a conta da sua loja ;

    b) Caso necessário, cadastre-se para criar uma conta.

  2. Caso não tenha aparecido uma janela para o início da configuração do aplicativo, você pode clicar em "My App" (Meus aplicativos) e depois em "Create App" (Criar aplicativo):

   3. Preencha os campos com o nome da loja e o e-mail de contato da loja.

   4. Clique em “Create App Id” e passe pela janela de confirmação.

   5. Abrirá uma nova página, busque por "Facebook Login" (Login pelo Facebook) e após em "Set up" (Configurar).

   6. Após isso, clique em "Settings" (Configurações) e depois em "Basic" (Básico).


 Abrirá uma página que exibe um campo de cadastro. Preencha da seguinte forma:

          a) Namespace: Preencha o nome da loja sem caracteres                 especiais(sinais, acentuação, espaços);

          b) App Domains: URL da loja sem https://;

          c) Privacy Policy URL: Link da página de políticas de privacidade da loja;

          d) Terms of Service URL: Link da página de termos de uso da loja;

          e) App Icon (1024 x 1024): (logo da loja);

          f ) Category:  Selecione a opção Shopping;

 

   7. Clique em Salvar.

   8. Após isso, voltarmos à página: https://developers.facebook.com/apps/

   9. Agora há uma nova opção nessa página, com uma caixa contendo informações sobre sua loja. Clique no link "Facebook login":

 

   10. Preencha apenas o campo Valid OAuth Redirect URIs com a url da sua loja e a url da sua loja acrescentando/conectar. Segue exemplo: https://url_da sua loja/    e   https://url_da_sua loja/conectar

    11. Clique em Save Changes.

    12. Feito essa primeira etapa no Facebook, acesse o admin da sua loja.

    13. No canto inferior esquerdo no menu lateral, clique no ícone de engrenagem para acessar as Configurações da sua loja.

    14. Em Integrações, clique em Facebook.

    15. Abrirá uma página com 3 espaços para cadastro:

          a) App ID: Para obter o código, acesse https://developers.facebook.com/apps/, clique na sua loja, clique em settings > basic na barra de menus à esquerda e se abrirá uma página com a informação)

           b) App Secret: Para obter o código, acesse https://developers.facebook.com/apps/, clique na sua loja, clique em settings>basic na barra de menus à esquerda e se abrirá uma página com a informação, ela estará coberta por bolinhas, clique em reveal, digite sua senha do admin para revelar, basta copiar o código e colar no campo App Secret do seu admin.

           c) Page ID: Para obter o código copie a url da Página do Facebook da Loja, cole no campo indicado nesse link findidfb.com, clique em Find Numeric Id, copie o código gerado e cole no campo Page ID do admin.

           d) Clique em Enviar.

Se ficou com qualquer dúvida, nos deixe sabendo através do e-mail ajuda@vnda.com.br, ou também reagindo nos emojis abaixo.

Respondeu à sua pergunta?