Knowband Blog | Ecommerce Modules

Magento Social Loginizer by Knowband – Manual do Usuário

Joe Parker

Introdução da Extensão de Login Social Magento pela Knowband:

Extensão de Login Social Magento por Knowband permite que os usuários façam login através de suas contas sociais a partir do 15 fornecido. Por exemplo, Facebook, Google Plus, Twitter, LinkedIn, Live, Yahoo, Instagram e muitos outros. O plugin de login social Magento é projetado para simplificar os logins para os usuários. Ao integrar o plug-in de login social em sua loja Magento, você permite que os visitantes façam login em seu site com as contas de rede social existentes.

Passos para a instalação do Magento Social Loginizer Extension:

Materiais requeridos:

O gerenciador de conexão é uma ferramenta útil para instalar Extensões Magento, mas prefere método hands-on quando se trata de instalações. Parece mais confortável quando você está pessoalmente no controle do processo.

Você vê um diretório de código de aplicativo lá, e sobre o app-etc-modules? Se você não vir esses caminhos e arquivos de diretórios contidos neles, é provável que o download da extensão esteja com defeito. Dê uma olhada no arquivo package.xml, este é o projeto usado pelo Magento Connect para organizar os arquivos nos locais apropriados. Talvez seja necessário usar isso para garantir que tudo esteja como deveria. Depois de revisar os arquivos de extensão, você estará pronto para executar a última etapa. Usando o seu cliente ftp, arraste todos os arquivos para a raiz da loja da instância do magento.

Dependendo do número de arquivos na extensão Magento por Knowband, isso pode levar alguns instantes. Agora vá para o Admin Console e clique em Flush Cache Storage. Esse é o requisito para qualquer extensão que adicione páginas ao Admin Console. Efetuar logout e back in também é necessário para garantir que tudo seja carregado corretamente. Se você não puder limpar o cache por meio do console de administração por qualquer motivo, precisará limpar o cache manualmente por meio do seu cliente de FTP (consulte a primeira pergunta da FAQ para obter ajuda). Esse é o passo final. Parabéns por uma instalação bem-sucedida.

Resolução de problemas e FAQs

Eu carreguei todos os arquivos em minha loja Magento e agora tenho uma tela branca para alguns ou todos os administradores.

Esse é um problema bastante comum e 99% do tempo é relacionado ao cache. Se você conseguir, vá para System-> Cache Management e clique em Flush Cache Storage. Isso garantirá que tudo armazenado em cache pelo Magento seja excluído e seja regenerado. Efetue logout e volte para concluir o processo.

Se você estiver completamente desconectado do Admin Console, navegue até o diretório var-cache do seu site. Você deve ver uma série de diretórios chamados mage *. Exclua todos esses diretórios (NÃO DELETE var-cache). Isso é o equivalente a liberar o armazenamento em cache do console de administração.

Estou recebendo um erro do Magento ao acessar determinadas páginas. Como posso depurar isso?

Esta questão realmente merece uma postagem no blog, mas um bom começo seria entrar no diretório de erros da sua loja. Localize o arquivo local.xml.sample e renomeie-o como local.xml. Na próxima vez que você vir o erro, as informações detalhadas serão fornecidas explicando onde o erro ocorreu. Não se esqueça de mudar isso de volta quando tiver terminado de solucionar o problema!

Eu tenho um erro crítico na minha loja virtual e preciso desativar uma extensão. Não consigo acessar o Admin Console. O que eu faço?

Vá para o diretório app-etc-modules e abra o arquivo que acompanha sua extensão. A convenção de nomenclatura é geralmente DeveloperName_ExtensionName.xml. Neste caso, seria Velocity_SocialLoginizer.xml.

Procure as tags ativas no arquivo, altere o valor de true para false e salve suas alterações. Isso diz ao Magento que a extensão Magneto está desativada e não executa nenhum código associado a ela. A exclusão do cache do Magento é recomendada (e provavelmente necessária) para que essa alteração tenha efeito.

Guia de usuario

Para o excesso do plug-in do Magento Social Loginizer, clique em Social Loginizer Menu, que aparece no menu de navegação do menu System, como mostrado abaixo.

Depois de clicar no menu Social Loginizer,

Guia Configurações Geral

Configurações Gerais:

Login Popup: Para ativar o pop-up de login.

Página de checkout: Para adicionar o plugin de login de mídia social Magento na página de checkout.

Página de login: Para adicionar barra de login social na página de login.

Página de Registro: Para adicionar a extensão de login social do Magento na página de registro.

? NOTE : No módulo de login social do Magento, apenas ícones pequenos serão visíveis e somente ícones 6 máximos estarão visíveis.

Guia Configurações do Loginizer

Nesta aba da extensão de login do twitter do Magento, você pode salvar a chave da API e o Secret para cada site social. Existe uma barra lateral listando todos os sites. Ao clicar em qualquer site, suas opções de configuração correspondentes serão exibidas. Abaixo opção há um link do site correspondente onde você pode criar seu aplicativo e obter o seu cliente id e secreto. Nas configurações de cada site, haverá as seguintes opções 4:

Configurações do site:

Guia Relatório:

Nesta aba do módulo de login social do Magento, você pode obter dados analíticos gráficos e tabulares que o ajudarão na análise. Existe uma opção de selecionar o site. Ao clicar na opção, uma listagem suspensa de todos os sites exibirá sites da Web e clicar no botão enviar. Isso criará um gráfico para o site selecionado que representa a contagem de login e registro para cada site selecionado.

No gráfico abaixo, você pode ver a tabela de análise de sites e outra tabela para dados de análise de clientes. A tabela de análise do site mostra os sites e sua contagem total de login e registro e a tabela de análise do cliente mostra os detalhes do cliente e seus detalhes de login (contagem de login e nome do site).

No canto superior direito, há o botão Redefinir banco de dados. Esta opção excluirá todos os dados de login e registro do banco de dados. Isso não afetará sua tabela de banco de dados principal. Ele irá limpar registros somente da tabela criada por esta extensão de login de mídia social do magento.

Como definir o URL de redirecionamento?

Deixe o URL do seu website ser www.example.com.

Se o Url Rewrite estiver ativado em seu website, o URL de redirecionamento será

Url não seguro: https://www.example.com/socialloginizer/index/vssSoloApi/

URL protegido: https://www.example.com/socialloginizer/index/vssSoloApi/

Se o Url Rewrite estiver desativado em seu website, o URL de redirecionamento será

Url não seguro: https://www.example.com/index.php/socialloginizer/index/vssSoloApi/

URL protegido: https://www.example.com/index.php/socialloginizer/index/vssSoloApi/

Como obter detalhes do aplicativo do Facebook?

Passos:

1. Visite o site de desenvolvedores do Facebook (https://developers.facebook.com) ou clique no link dado no canto superior direito da respectiva aba na página de configuração do módulo.

2. Clique em Aplicativos -> Criar um novo aplicativo.

3. Siga as instruções na tela.

4. Você receberá o ID do aplicativo e o segredo do aplicativo (clique no botão Mostrar).

5. Agora, vá para Configurações no menu esquerdo.

6. Clique no botão Add Platform.

7. Selecione o site.

8. Digite seu domínio de aplicativo e URL do site.

Tipo de aplicação: Aplicação Web.

Origens JavaScript autorizadas: Seu nome de domínio da loja. (https://www.example.com)

9. Clique no botão Salvar alterações.

10. Agora, vá para a guia Status e Revisão no menu à esquerda e faça o Application Live.

Como obter detalhes do Google App?

Passos:

1. Ir para o Google Developers Console (https://code.google.com/apis/console) ou clique no link dado no canto superior direito da respectiva aba na página de configuração do módulo.

2. Agora clique em Apps e Auth-> Credentials no menu esquerdo.

3. Clique no botão Criar novo ID do cliente no painel direito da tela.

4. Preencha o formulário de pop-up com os detalhes abaixo:

Tipo de aplicação: Aplicação Web.

Origens JavaScript autorizadas: Seu nome de domínio da loja. (https://www.example.com)

5. Agora clique no botão Criar ID do Cliente para obter seu ID do Cliente e Chave Secreta do Cliente.

Como obter detalhes do aplicativo do LinkedIn?

Passos:

1. Entre para os desenvolvedores do LinkedIn (https://www.linkedin.com/secure/developer) ou clique no link dado no canto superior direito da respectiva aba na página de configuração do módulo.

2. Clique em Adicionar novo aplicativo.

3. Preencha o formulário para registrar um novo aplicativo. O URL do site deve ser o URL da sua loja, como https://www.example.com.

4.Clique em Adicionar aplicativo para enviar o formulário e manter sua chave de API e chave secreta em segurança.

Como obter detalhes do aplicativo ao vivo?

Passos:

1. Vá para o Microsoft Development Center (https://account.live.com/developers/applications) ou clique no link dado no canto superior direito da respectiva aba na página de configuração do módulo.

2. Clique em Criar Aplicativo.

3. Digite o nome do aplicativo e clique em Aceito.

4. No menu esquerdo, selecione Configurações da API.

5. No painel direito, clique em Ativar segurança de redirecionamento aprimorada, insira o URL da página de redirecionamento do Loginizer (em URLs de redirecionamento e clique em Salvar.

6. Agora, no menu esquerdo, clique em Configurações do aplicativo e copie seu ID do cliente e Segredo do cliente.

Como obter detalhes do aplicativo do Twitter?

Passos:

1. Vá para o Twitter App Management (https://apps.twitter.com/) ou clique no link dado no canto superior direito da respectiva aba na página de configuração do módulo.

2. Clique no botão Criar Novo Aplicativo. 3. Digite os detalhes do aplicativo da seguinte maneira:

Nome da Aplicação : Nome do seu aplicativo.

Descrição : 10 para 200 descrição de caracteres do seu aplicativo.

Website: O URL da sua loja.

URL de retorno: URL da página de redirecionamento do login da sua loja.

4. Agora, clique em Sim, concordo e, em seguida, clique em Criar seu aplicativo do Twitter.

5. Agora, selecione as Chaves da API no menu abaixo do Nome do seu aplicativo e copie sua Chave da API e Segredo da API.

Como obter detalhes do aplicativo Yahoo?

Passos:

1. Vá para Yahoo Developer Network (https://developer.apps.yahoo.com/projects) ou clique no link dado no canto superior direito da respectiva aba na página de configuração do módulo.

2. Clique em Criar um Projeto.

3. Preencha os detalhes necessários de acordo com as instruções. O URL inicial será o URL da sua loja.

4. Clique no botão Criar Projeto.

5. Copie sua Chave do Consumidor e o Segredo do Consumidor.

Como obter detalhes do aplicativo Amazon?

Passos:

1. Vá para a Amazon Developer Network (https://login.amazon.com/manageApps) ou clique no link dado no canto superior direito da respectiva aba na página de configuração do módulo.

2. Clique no botão Entrar no App Console.

3. Após o login bem-sucedido no App Console, clique no botão Registrar novo aplicativo no canto superior direito da página e você será redirecionado para a página seguinte.

4. Digite os detalhes do aplicativo da seguinte maneira:

Nome: Nome do seu aplicativo.

Descrição: Descrição do seu aplicativo.

URL de aviso de privacidade: URL da página da política de privacidade da sua loja.

5. Imagem do logotipo: Selecione a imagem do logotipo opcional da sua loja. 6. Clique no botão Salvar.

7. Agora clique em Configurações da Web para obter seu ID e segredo do cliente.

8. URL de retorno permitido: URL da página de redirecionamento do login da sua loja.

Nota: Para ativar o login da Amazon em seu site, seu site deve estar seguro com HTTPS, caso contrário, o login da Amazon não funcionará.

Como obter detalhes do aplicativo Instagram?

Passos:

1. Ir para o Instagram Developer Network (https://instagram.com/developer/clients/manage/) ou clique no link dado no canto superior direito da respectiva aba na página de configuração do módulo.

2. Clique no botão Registrar um novo cliente no canto superior direito da página.

3. Preencha o seguinte formulário.

4. Defina OAuth redirect_uri como o URL da página de redirecionamento do Loginizer de sua loja. (https://www.example.com/module/socialoginizer/instagram).

5. Clique no botão Criar, copie e cole o ID do cliente e o Segredo no painel de administração do plug-in.

Como obter detalhes do aplicativo Paypal?

Passos:

1. Vá para a Rede de desenvolvedores Paypal (https://developer.paypal.com/webapps/developer/applications/myapps) ou clique no link dado no canto superior direito da respectiva aba na página de configuração do módulo.

2. Clique no botão Create App.

3. Agora digite o nome do seu aplicativo e clique em Criar botão do aplicativo.

4. Definir o URL de retorno do aplicativo.

5. Copie e cole as credenciais ao vivo no painel de administração do plug-in.

Como obter detalhes do aplicativo Dropbox?

Passos:

Nota: Para ativar o login do Dropbox no seu site, seu site deve estar seguro com HTTPS, caso contrário, o login do Dropbox não funcionará.

1. Ir para o site do desenvolvedor do Dropbox (https://www.dropbox.com/developers/apps) ou clique no link abaixo da respectiva aba na página de configuração do módulo.

2. Clique no botão Criar Aplicativo e forneça um nome para Aplicativo.

3. Preencha os detalhes, defina o URL de redirecionamento e salve as configurações.

4. Copie e cole a chave e o segredo no painel de administração do plugin.

Como obter detalhes do App WordPress?

Passos:

1. Vá para o site WordPress Developer (https://developer.wordpress.com/apps/) ou clique no link abaixo da respectiva aba na página de configuração do módulo.

2. Clique no botão Criar Aplicativo e forneça um nome para Aplicativo.

3. Preencha os detalhes e salve o aplicativo.

4. Copie e cole as credenciais no console administrativo da extensão Magento.

Como obter detalhes do aplicativo FourSquare?

Passos:

1. Ir para o site do desenvolvedor do foursquare (https://foursquare.com/developers/apps) ou clique no link inferior no console de administração do plugin Magento.

2. Clique no botão CRIAR NOVA APP.

3. Preencha os detalhes, defina o URL de redirecionamento e salve o aplicativo.

4. Copie as credenciais no plug-in console de administração.

Link do Módulo: https://www.knowband.com/magento-social-loginizer

Manual do usuário: https://www.knowband.com/blog/user-manual/magento-social-loginizer

Histórias relacionadas: