Login Rede Social - Twitter

Modificado em Ter, 9 Mai, 2023 na (o) 2:25 PM

Olá


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


1 - Criação Aplicativo do Twitter

2 - Configurações do Módulo

3 - Configurações do Twitter Login



1 - O primeiro passo é a criação de um aplicativo para o Twitter


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



Clique no botão Create an App  para criar um novo aplicativo do Twitter.



Caso lhe mostrar um alerta para solicitar uma conta de desenvolvedor, clique no botão Apply




Selecione a opção grátis em Sign up for Free Account



Aceite os termos, deixe uma descrição e clique no botão Submit. Caso deseje, pode estar utilizando esta descrição abaixo:


I will be using my account to create a social login application to be used on my online sales platform. This application will only be used to login to the online sales site to facilitate our customers if they wish to login using their twitter account.




A Dashboard do portal do desenvolvedor lhe será mostrado, Clique na engrenagem (App settings) na aba central PROJECT APP :


Clique agora no botão Edit em App details


Clique agora no botão Delete App no final da página para deletarmos essa aplicação padrão já criada automaticamente.



Faça a confirmação da exclusão inserindo o nome da aplicação e clicando no botão Delete app




Clique agora no botão + Add App para criarmos uma nova aplicação



Digite um nome para a aplicação (este nome será mostrado para o cliente no site) e clique no botão Next



Agora lhe será mostrado as chaves da aplicação, guarde em local seguro as chaves (API Key e API Key Secret - pois serão usadas na configuração do módulo). Para continuar clique no botão App settings.



Você retornará na página de configuração do App, clique no botão Edit em App details 




Insira a logo do seu site em App icon pois esta logo será mostrada para seu cliente. Clique no botão Save.


Agora novamente na tela de configurações do App, clique no botão Set up em User authentication settings






Na próxima tela, deixe marcado a opção "Read" e "Request email from users" em App permissions e em Type of App selecione "Web App, Automated App or Bot"





Em App info informe as urls solicitadas sendo elas:

Callback URI / Redirect URL = URL raiz de seu site (ex: https://www.seusite.com.br) com a URL final /amajaxlogin/twitter/index/ (ex: https://www.seusite.com.br/amajaxlogin/twitter/index/).

Website URL = URL raiz de seu site

Organization name = Nome do seu site

Organization name =  URL raiz de seu site

Terms of service = URL dos termos e serviços de seu site

Privacy policy = URL da política de privacidade de seu site


Após inseridos todos os dados necessários, clique no botão Save



Com isso finalizamos as configurações necessárias no portal developer Twitter.


Agora nos campos apropriados no back-end na configuração do módulo, insira sua chave da API e chave secreta da API obtidas nos campos do back-end (os campos ID do Aplicativo e Chave Secreta do Aplicativo) nas configurações de extensão geral e salve a configuração - explicado mais abaixo neste tutorial.





2 - 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.

3 - Configurações do Twitter Login

Aqui irá habilitar o Login do Twitter, Irá inserir  a chave da API e a chave secreta da API , obtidas no passo anterior.


Após inserir  a chave e o token - clicar em Salvar e fazer o Gerenciamento de Cache. Estará disponível em sua loja o Login do Twitter.

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