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

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.