Login Social no Facebook- Signa commerce

Atualmente temos alguns aplicativos que conseguem realizar o login automático de contas, sem a necessidade de realizar um novo cadastro. 

Nas configurações você irá encontrar os aplicativos que atendem essa funcionalidade, dentre eles estão: Facebook, Twitter, Google, Linkedin, Instagram, Pinterest, entre outros.

Neste tutorial, iremos aprender como configurar a opção do Facebook Login em sua loja ;)

Primeiramente acesse: https://developers.facebook.com/ e clique em Entrar

 

Realize o login na conta do Facebook da sua loja:

Você será direcionado novamente para Home do Facebook Developers. Clique agora na opção Meus Aplicativos

 

Você será direcionado para área de criação de aplicativos. Clique no botão Criar aplicativo

 

Irá abrir um popup com as opções de criação do aplicativo. Em “criar um id do aplicativo” selecione a opção “Gerenciar integrações comerciais”

 

Nesta mesma aba, serão solicitadas algumas outras informações complementares como Nome de exibição do aplicativo, email de contato, finalidade do aplicativo, gerenciador de negócios, informe os dados com base no anexo abaixo (considerando as informações da loja).

Após as configurações clique em Criar ID do aplicativo. 

OBS: Caso você trabalhe com o Gerenciador de Negócios do Google, selecione a conta associada. Neste passo a passo, como não trabalhamos com o gerenciador, selecionaremos a opção “Nenhuma conta do Gerenciador de Negócios selecionada”

 

Em seguida conclua o processo de verificação de segurança:

 

Feito isso você será direcionado a algumas opções para administração da sua loja. Neste passo a passo escolhemos o Login do Facebook, localize o mesmo e clique na opção Configurar

 

Após, informe o local onde você deseja inserir o Login do Facebook, neste caso, selecione a opção Web

 

Você será direcionado para uma guia de configurações, informe a url da sua loja, clique em Save. 

 

Não será necessário seguir as próximas etapas que indicam a inserção dos scripts, visto que o Magento possui um módulo que realiza essa usabilidade. 

 

Iremos agora finalizar as configurações no dashboard do Facebook Developers.
Acesse em seu painel a aba Configurações acesse a aba Básico

 

 

Nessa aba você irá encontrar o “ID do aplicativo” e a “Chave Secreta do Aplicativo” (salve esses dados para realização das configurações no Magento posteriormente). 

Além dessas informações, cadastre:

No campo Domínios do aplicativo, informe o domínio da sua loja

Em URL de Política de Privacidade informe a página cadastrada com a política de privacidade da sua loja 

Caso não tenha essa pagina criada ainda, crie a mesma seguindo este tutorial: Clique aqui!

Após, salve as alterações. 

 

Em seguida, clique em Login do Facebook e acesse a aba Configurações

 

Configure as informações como o anexo abaixo:

E no campo URIs de redirecionamento do OAuth válidos preencha a url da sua loja bem como a url mais o parâmetro: sociallogin/account/login/type/facebook como no exemplo abaixo:

 

Na sequência Salve as alterações. 

Pronto, agora as configurações no dashboard do Facebook foram concluídas. 

Para finalizar o processo precisamos configurar algumas informações em seu painel administrativo Magento.

Acesse em seu painel administrativo em: Login Social > Config System

Na aba Geral, configure os campos conforme os anexos abaixo:

 

Na aba Bloco do Botão Social, configure as informações conforme anexo abaixo: 

(No campo Exibir botões de login social nas seguintes classes ou botões informe: .cms-home .header.content)

 

Localize a aba do Facebook 

Habilite e insira o id e chave salvas nas etapas anteriores.

E nos campos Login Button Text e Registration Button Text informando os textos que você deseja que apareçam

 

https://www.youtube.com/watch?v=hv4rh8XgY_c

Salve as alterações, limpe os caches e valide se o ícone para login e cadastro com o Facebook aparecem corretamente em sua loja! Não sabe como limpar os caches? Clique aqui!