Módulo Ajax Login - Login por Redes Sociais

Modificado em Ter, 17 Jan, 2023 na (o) 11:43 AM

O login rápido e fácil é uma solução de trabalho para aumentar o número de clientes cadastrados e melhorar sua experiência.

  • Reduz o tempo de cadastro dos clientes
  • Oferece a possibilidade de fazer login através de contas sociais
  • Permite que os clientes recuperem senhas facilmente
  • Permite autorização sem visitar a página de registro
  • Permite redirecionar clientes para qualquer página

Configurações Gerais

Para definir as configurações gerais de extensão, vá para → Sistema → Configuração → Amasty Extensions  Ajax Login.


Guia Configurações gerais.



Habilitar login do Ajax - habilite ou desabilite a extensão neste campo.

Use Redirect After Login (out) - escolha se deseja redirecionar os clientes após o login bem-sucedido. Se definido como Não , os clientes permanecerão na página atual após efetuarem o login. Mude o valor para Sim para redirecionar os clientes para uma página específica após o login bem-sucedido. Insira a URL da página para a qual você deseja redirecionar os clientes depois que eles fizerem login no campo URL de redirecionamento .

Habilitar jQuery - defina como Sim para habilitar jQuery. Caso você já tenha o plugin jQuery instalado, você pode desativá-lo ao enfrentar erros de javascript em seu frontend.


Escolha quais botões sociais ativar em sua janela pop-up de login e alterne-os para Sim nas guias de acordo (Configurações do Facebook, Google e Twitter).

Especifique os campos App ID e App Secret para cada botão social que você deseja adicionar à janela pop-up.

Por favor, inspecione cuidadosamente o guia do usuário para descobrir como fazer as configurações apropriadas nas páginas das redes sociais para criar os aplicativos.


**Atenção por se tratar de ferramentas externas (facebook, google e twitter) os tutoriais podem estar desatualizados.


Configurações do Facebook

Para criar um aplicativo do Facebook, acesse http://developers.facebook.com/apps .

Registre-se como desenvolvedor e escolha Adicionar novo aplicativo na lista suspensa Meus aplicativos .

Escolha Login do Facebook entre os produtos disponíveis para adicionar. 

Especifique o nome de exibição e o email de contato para seu aplicativo. Depois disso, clique no botão Criar ID do aplicativo . 

Em seguida, vá para a guia Configurações → Básico para configurar seu aplicativo.

App ID e App Secret serão gerados automaticamente. Preencha o campo App Domains e escolha a categoria do seu aplicativo. 

Clique no botão Adicionar plataforma para escolher a plataforma para seus aplicativos sociais. 

Após clicar no botão Add Platform você verá a grade com vários tipos de plataforma. Por favor, selecione Web . 

Depois de especificar o tipo de plataforma, insira o URL do seu site aqui e clique no botão Salvar alterações . 

Habilite o login OAuth do cliente e preencha os URIs de redirecionamento OAuth válidos na guia Login do Facebook → Configurações .

Insira seu App ID e App Secret nas configurações gerais de extensão e salve a configuração.


Assim que o App ID e o App Secret forem salvos, você verá o botão social do Facebook colocado na janela pop-up de login. 




Configurações do Google


Para criar o Google App, acesse https://cloud.google.com/console/project .

Clique no botão CRIAR PROJETO e defina as configurações do seu aplicativo. 

Especifique o nome do seu projeto. O ID do projeto será gerado automaticamente. 


Vá para a guia Credenciais e crie um ID de cliente para integrar seu site ao Google. 


Insira a URL do seu site no campo obrigatório. No campo URLs de redirecionamento autorizados , adicione /amajaxlogin/google/index/ ao URL do seu site Em seguida, pressione o botão Criar . 


Copie o ID do cliente e o segredo do cliente e cole-os nos campos apropriados em seu back-end. 


Insira seu App ID e App Secret nos campos apropriados no back-end e salve a configuração. 


Configurações do Twitter


Para criar um aplicativo do Twitter, acesse https://apps.twitter.com/ .

Clique no botão Criar novo aplicativo para criar um novo aplicativo do Twitter.

Especifique o nome do seu aplicativo e forneça uma descrição detalhada do aplicativo nos campos Nome do aplicativo e Descrição do aplicativo. Em seguida, especifique o URL do seu site no campo URL do site . No campo URLs de retorno , especifique o URL do seu site e adicione /amajaxlogin/twitter/ a ele. 

Vá para a guia Chaves e tokens e copie a chave da API e a chave secreta da API .

Especifique o acesso necessário e as permissões adicionais na guia Permissões .

Insira a chave da API e a chave secreta da API , obtidas na guia Chaves e tokens , nos campos do back-end (os campos App ID e App Secret ).

Este artigo foi útil?

Que bom!

Obrigado pelo seu feedback

Desculpe! Não conseguimos ajudar você

Obrigado pelo seu feedback

Deixe-nos saber como podemos melhorar este artigo!

Selecione pelo menos um dos motivos
A verificação do CAPTCHA é obrigatória.

Feedback enviado

Agradecemos seu esforço e tentaremos corrigir o artigo