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.

O 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 ).