Magento 2 Social Loginizer Extension – Manual do usuário

IntroduçãoExtensão do Logon Social Magento 2

O Social Loginizer Plugin permite que o cliente faça login / inscrição usando suas contas sociais, como Facebook, Google, Yahoo e 9, outras opções. Este plugin irá adicionar um novo link 'Quick Log In' ao lado do link de login padrão. Este texto pode ser personalizado. No clique deste link, um pop-up de login será aberto. O plugin dá a liberdade para o administrador da loja para ativar ou desativar o login através de várias plataformas, o administrador também pode alterar o comportamento do plugin no front-end e também permite ou desabilitar o login através de qualquer plataforma social disponível.

Guia de Instalação

Baixe o zip do nosso Magento Plugin Store e descompacte-o. Abra o diretório extraído e você verá a seguinte estrutura de pastas.

palavra-imagem-93

Image-1

Crie uma pasta {Magento root} / app / code / Knowband / Socialloginizer. Copie o conteúdo extraído na pasta acima.

Ativar o ativador de redes sociais

Execute os seguintes comandos no seu terminal para ativar o plugin do Social Loginizer

  1. php -f bin / magento module: habilitar –clear-static-contentNaveger_Socialloginizer
  2. php -f bin / magento setup: upgrade

Configurar o Loginizador Social

Faça o login no seu Magento Admin, então vá em Lojas -> Configuração -> Knowband -> Social Loginizer e configure o plugin como mostrado abaixo:

Image-2

Manual do usuário

Pré-requisitos

Versão Php 5.6 ou maior

Para acessar a API de contato constante, deve-se usar a versão php igual ou maior que 5.6. A menos que o seu servidor esteja executando a versão necessária do php, você não conseguirá instalar este plugin com sucesso.

Configurações de administrador

Para acessar o plug-in Knowband, acesse Lojas -> Configuração -> Knowband -> Loja de Logon Social O administrador terá várias opções de configurações categorizadas da seguinte maneira:

Image-4

Configurações gerais

O administrador pode personalizar as configurações gerais usando a seguinte opção de configurações disponível.

Image-5

  • Ativar: O administrador poderá escolher Sim / Não para ativar este plug-in.
  • Mostrar no login pop-up: Habilitar isso criará um link salvo em "Texto para link popup". Ao clicar neste link, um pop-up aparecerá com a opção de login e uma seção socialloginizer.
  • Texto para Pop Up Link: Este texto aparecerá como link para o pop-up de login no cabeçalho no front end.
  • Mostrar na página de login: A ativação mostrará o bloco de login do social na página de login do Front end.
  • Mostrar na página de inscrição: A ativação mostrará o bloco de login do social na página de criação da conta do front-end.
  • Mostrar na página de checkout: A ativação mostrará o bloco de login do social ao finalizar a sessão.
  • Texto para título: Este texto será exibido antes do bloco de login do social.
  • Opção Visível Padrão: Será o não de ícones que serão mostrados por padrão no bloco de loginizadores sociais.
  • Animar ícones: Habilitando, ele adicionará efeito de animação aos ícones de bloqueio de loginizadores sociais.
  • Ordenar ícones: Ordem de ícones será alterada aqui. Os ícones no front end serão mostrados em ordem, conforme definido por admin aqui.

Configurações de sites

Admin pode adicionar sites configuração aqui.Para cada site, haverá configurações semelhantes, como abaixo: –

  • Ativo: Para ativar o site para login e inscrição, selecione Sim.
  • ID do aplicativo (por exemplo, para Facebook: Id do aplicativo do Facebook) : Digite seu ID de Aplicativo / Cliente. ID / ID do Consumidor é fornecido pelo site correspondente.
  • App Secret (por exemplo, para o Facebook: Facebook App Secret): Digite seu segredo de aplicativo / cliente. Secret / Consumer Secret é fornecido pelo site correspondente.
  • Selecione ícones: Para cada site existem dois tipos de ícones pequenos e grandes. Selecione qualquer um dos ícones para mostrar na barra de login social.

Seção de relatórios

Existe um separador "Knowband" no menu sob o qual existe um link "Socialloginizer".

Ao clicar em "Socialloginizer", uma tela aparecerá com três guias: –

  1. Relatório Gráfico do Website: – Mostra dados de login e registro social em formato gráfico.

  1. Relatório de Login Social: -Ele mostra uma tabela contendo dados relacionados a cada site de login social, como contagem de login, contagem de registro etc.

  1. Relatório de usuário de login social: – Mostra uma tabela contendo dados relacionados aos sites de login do cliente e social, como e-mail do cliente, contagem de login, etc.

  1. Banco de Dados de reset: – Existe um botão "Redefinir Banco de Dados". Ao clicar neste botão, todos os dados relacionados ao plug-in de login social serão excluídos.

Alterações no Front End: –

  1. Login pop-up: Ao ativar o login Pop Up, um link aparecerá com o texto definido em admin.

Ao clicar neste link, aparece um pop-up com a opção de login social.

  1. Página de login: Se ativado, o Bloqueio de Login Social aparecerá na Página de Login do Cliente.

  1. Página de registro: Se o bloco de login social ativado for exibido na página de criação de conta do cliente.

  1. Página de checkout: – Se ativado, o Bloqueio de login social será exibido no check-out Entrar no pop-up.

Apêndice

Como definir o URL de redirecionamento?

Deixe o URL do seu website ser "www.example.com". e site de login social é "Facebook". Se a opção Url Rewrite estiver ativada em seu website, o URL de redirecionamento será URL inseguro: http://www.example.com/socialloginizer/index/vssSoloApi Facebook /

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

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

  1. Url não seguro: http://www.example.com/index.php/socialloginizer/index/vssSoloApi Facebook /
  2. URL protegido: https://www.example.com/index.php/socialloginizer/index/vssSoloApi Facebook /

Nota: para o Yahoo, o URLS será Url não seguro: http://www.example.com/socialloginizer/index/vssSoloApi /

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

Como obter detalhes do aplicativo do Facebook?

Passos:

  1. Vá para o Facebook Developers Website (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").

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

  1. Clique no botão "Adicionar plataforma".
  2. Selecione o site.
  3. Digite seu domínio de aplicativo e URL do site.

Tipo de aplicativo: aplicativo da web. JavaScriptorigins autorizados: seu nome de domínio da loja. (http://www.example.com)

  1. Clique no botão "Salvar alterações".
  2. Agora, vá para a aba "Status & Review" do menu esquerdo e faça o Application Live.

Como obter detalhes do Google App?

Passos:

  1. Vá para o Google Developers Console (https://console.developers.google.com/projectselector/apis/library)ou clique em criar link de link do projeto, na parte superior esquerda da página ou no centro da página.

  1. Forneça o nome do projeto.

  1. Crie credenciais clicando no botão "Criar Credenciais" e selecione o ID do cliente do Auth.

  1. Credenciais podem ser criadas somente após fornecer detalhes no formulário oAuth. Clique no mesmo e agora as credenciais podem ser encontradas.

  1. URL de redirecionamento pode ser definido na tela de credenciais

Como obter detalhes do aplicativo do LinkedIn?

Passos:

Entre no LinkedIn Developers (https://www.linkedin.com/developer/apps) ou clique em "Create Application" e siga os passos.

Detalhes de autenticação podem ser adicionados na guia de autenticação.

Como obter detalhes do aplicativo ao vivo?

Passos:

  1. Vá para o Microsoft Development Center (https://apps.dev.microsoft.com/#/appList) ou clique em Adicionar um aplicativo.

  1. Preencha os detalhes no formulário e clique em salvar.

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 guia na página de configuração do módulo.

  1. Clique no botão "Criar novo aplicativo".
  2. Digite os detalhes do aplicativo da seguinte maneira:

Nome do aplicativo: 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 de chamada: URL da página de redirecionamento do loginizador de sua loja.

  1. Agora, clique em "Sim, concordo" e, em seguida, clique em "Criar seu aplicativo do Twitter".
  2. Agora, selecione as "Chaves da API" no menu abaixo do nome do seu aplicativo e copie a chave da API e o segredo da API.

 

 

Como obter detalhes do Yahoo App?

Passos:

  1. Vá para o Yahoo Developer Network (https://developer.yahoo.com/apps/) e clique no link "Meus Aplicativos", no canto superior direito e no menu de cabeçalho da página de configuração.

  1. Clique em "Criar um aplicativo".

  1. Preencha os detalhes necessários de acordo com as instruções

  1. Copie o seu "Client Id" e "Client Secret".

Como obter detalhes do Amazon App?

Passos:

  1. Vá para Amazon Developer Network (http://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.

  1. Clique no botão Entrar no App Console.
  2. 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.

  1. 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. Logo Image: Selecione a imagem do logotipo opcional da sua loja.

  1. Clique no botão Salvar.
  2. Agora clique em Configurações da Web para obter seu ID e segredo do cliente.

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

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

Como obter detalhes do aplicativo Instagram?

Passos:

  1. Vá para o Instagram Developer Network (http://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.

  1. Preencha o seguinte formulário

  1. Defina OAuth redirect_uri como o URL da página de redirecionamento do Loginizer de sua loja. (http://www.example.com/module/socialoginizer/index/vssSoloApiInstagram).
  2. 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 Paypal Developer Network (https://developer.paypal.com/developer/applications/) e faça o login.
  2. Clique em Meus aplicativos e credenciais.

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

  1. Por padrão, os detalhes da caixa de areia são selecionados, alterne para ao vivo e insira outros detalhes do aplicativo.

  1. Agora defina o URL de redirecionamento nas configurações do aplicativo ao vivo.

  1. Verifique o login com paypal e salve os detalhes.

Como obter detalhes do aplicativo Dropbox?

Vá para as etapas:

Nota: Para ativar o login do Dropbox no seu site, seu site "deve ser seguro com HTTPS", caso contrário, o login do Dropbox não funcionará. Vá 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.

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

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

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

Como obter detalhes do WordPress App?

Passos:

1. Acesse o site WordPress Developer (https://developer.wordpress.com/apps/) ou clique no link abaixo da respectiva guia na página de configuração do módulo. 2. Clique no botão "Criar novo aplicativo" e forneça um nome para o aplicativo.

  1. Preencha os detalhes e salve o aplicativo.

  1. Copie e cole as credenciais no plug-in Admin Console.

Como obter os detalhes do aplicativo FourSquare?

Passos:

  1. Vá para o site do desenvolvedor do foursquare (https://foursquare.com/developers/apps) ou clique no link inferior no console de administração do Plugin.
  2. Clique no botão "Criar um novo aplicativo".

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

  1. Copie as credenciais.


Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify. We also provide custom module development and customization services for the website and modules.

Leave a Reply

Your email address will not be published. Required fields are marked *