Olá!
Nesse tutorial, ensinaremos como configurar o login, usando o Facebook em sua loja =D
Vamos lá!
1 – Acesse o painel da sua loja, clique em Customização >Rotas e Layouts, clique em Inserir, clique em Adicionar e preencha os campos Layout e Rota, com as seguintes informações abaixo:
IMPORTANTE: A cada Layout/rota adicionados, deverá salvar para inserir o próximo. Caso as rotas já existam, pode pular esse passo =)
Layout | Rota |
Finalizar – Desktop | onecheckout/checkout |
Finalizar – Mobile | checkout/checkout |
Área de Cliente – Cadastrar | account/register |
| Área de Cliente – Login | account/login |
Exemplo do primeiro layout e rota:
2 – Acesse Recursos, procure por redes e clique em Login com Redes Sociais
3 – Na aba Configurações, clique em Adicionar, configure cada campo, conforme a imagem abaixo e clique em Salvar e Editar.
Não feche essa tela, pois voltaremos a ela mais tarde =)
4 – Acesse facebook.com e entre com sua conta. Após, acesse https://developers.facebook.com/ e clique em Meus apps
5 – Clique em Criar aplicativo
6 – Selecione Consumidor e clique em Avançar
7 – Adicione um nome, confirme seu email e clique em Criar aplicativo
8 – Em Login do Facebook, clique em Configurar
9 – Clique na opção Web, Login com Facebook e Configurações
10 – No campo, URL do site, digite a URL completa da sua loja, (com https:// e www) e clique em Salvar. Depois, clique em Configurações e em Básico
11 – Preencha os campos, conforme imagem abaixo (substitua o domínio pelo da sua loja) e confirme seu email.
Os campos URL da Politica de Privacidade, Exclusão de dados e URL dos Termos de Serviço, são por padrão, conforme imagem abaixo, mas deverá confirmar esses dados em sua loja.
Qualquer dúvida, entre em contato com o nosso suporte =)
Após preencher esses campos, clique em Salvar alterações
12 – Clique em Login do Facebook e em Configurações.
No campo URIs de redirecionamento do OAuth válidos, digite as 3 URIs, abaixo. (Pressione Enter a cada URI inserida)
https://www.DOMINIODALOJA.com.br/
https://www.DOMINIODALOJA.com.br/d_social_login.php
https://www.DOMINIODALOJA.com.br/d_social_login.php?hauth_done=Facebook
Altere o DOMINIODASUALOJA, pelo domínio da sua loja =)
13 – Deve ficar, conforme imagem abaixo. Após inserir as 3 URLs, clique em Salvar alterações e em seguida, clique em Get Advanced Access
14 – Procure por public_profile e clique em Obter acesso avançado
15 – Marque o campo conforme imagem abaixo, e clique em Confirmar
16 – Digite a senha da sua conta do Facebook, e clique em Enviar
17 – Clique novamente em Configurações e em Básico
18 – Copie os as informações dos campos ID do Aplicativo e Chave Secreta do Aplicativo (clique em Mostrar)
19 – Volte ao painel da sua loja, e ainda no módulo Login com Redes Sociais, acesse a aba Autenticação/Aplicativos
Em Facebook App settings, preencha o campo App id, com o ID do aplicativo, e o campo App secret com a Chave Secreta do Aplicativo, copiados no passo anterior
20 – Acesse a aba Redes Sociais, e marque a opção Facebook e clique em Salvar
Pronto!
A partir de agora, a opção de fazer login com o Facebook, está disponível em sua loja =)
Já configurou o login com o Google?
Caso ainda não tenha configurado, e deseja configurar, clique aqui =)
Espero ter ajudado, desejo boas vendas e qualquer dúvida, conte sempre conosco!
