Opencart Social Loginizer – User Manual

Como instalar Login social do OpenCart plugin no seu servidor

1. Estrutura de pastas da pasta de plug-in Landing Page Creator.

16

2. Abra a pasta de upload e você encontrará a seguinte estrutura de pastas:

17
Você deve ter o VQMOD instalado para este plug-in funcionar. Se o VQMOD não estiver instalado, faça o download e instale a partir do URL abaixo: http://code.google.com/p/vqmod/

3. Selecione toda a pasta e arraste-as e solte-as no diretório raiz do seu Loja OpenCart através do FTP.

4. Você poderá encontrar o plug-in pronto para ser instalado nos módulos da sua loja OpenCart, como mostrado abaixo.

18

5. Clique no link Instalar para instalar o plug-in. Isso também adicionará uma opção suspensa à sua barra de menus, que listará todos os plug-ins da Velocity instalados em sua loja para navegação rápida. Esta lista suspensa também possui uma caixa de mensagem, usando a qual podemos informá-lo sobre o novo plug-in lançado ou a nova atualização.

19

6. Exclua os arquivos Vqcache da pasta vqmod / vqcache.

7. Para acessar o plug-in do Social Loginizer, clique no botão de edição na seção do módulo, conforme mostrado abaixo:

20
8. Ao clicar no botão editar, o módulo para o plug-in será aberto. Ele contém barra de navegação no topo, menu à esquerda e conteúdo principal no centro, como mostrado abaixo.

21

1. Guia Configurações gerais

1. Para ativar / desativar o plug-in, alterne o botão de ativação OFF para ON / ON para OFF, isso é apenas à direita de Ativar / Desativar rótulo.

2. Arraste e solte os botões de login para alterar sua ordem de classificação.

3. Clique no botão adicionar módulo e adicione este plug-in a uma página de layout específica.

2. Guia Configurações do Facebook

O Facebook A guia Configurações tem preferências de login no Facebook, como: 1. Ativar / Desativar: você pode mostrar ou ocultar o login do Facebook ativando ou desativando a partir daqui.

2.Facebook App ID: O Facebook App-ID fornecido a partir de https://www.developers.facebook.com (SeeAppendix Como obter detalhes do aplicativo do Facebook).

3. Facebook App Secret: O Facebook App-Secret (Veja apêndice Como obter detalhes do aplicativo do Facebook).

4. Tamanho do botão do Facebook: O botão de login do Facebook está disponível em dois tamanhos, um pequeno e um grande. Você pode escolher qualquer um deles.

22

3. Guia Configurações do Google Plus

O Google Plus A guia Configurações tem preferências de login do Google+, como: 1. Ativar / desativar: para ativar ou desativar o login do Google plus.

2. ID do cliente do Google: o Google e o ID do cliente. (Veja o apêndice Como obter detalhes do Google App).

3. Segredo do cliente do Google: o Google mais o Client-Secret. (Veja o apêndice Como obter detalhes do Google App).

4. Tamanho do botão do Google: o botão de login do Google disponível em dois tamanhos, um pequeno e um grande. Você pode escolher qualquer um deles.

23

4. Guia Configurações do LinkedIn

O LinkedIn A guia Configurações tem preferências de login no LinkedIn: 1. Ativar / Desativar: para ativar ou desativar o login do LinkedIn.

2. ID do cliente do LinkedIn: o ID do cliente do LinkedIn. (Veja o apêndice Como obter detalhes do aplicativo do LinkedIn).

3. Segredo do Cliente do LinkedIn: O Cliente-Segredo do LinkedIn. (Veja o apêndice Como obter detalhes do aplicativo do LinkedIn).

4. Tamanho do botão do LinkedIn: O botão de login do LinkedIn está disponível em dois tamanhos, um pequeno e um grande. Você pode escolher qualquer um deles.

24

5. Guia Configurações ao vivo

A guia Configurações ao vivo tem Windows Live preferências de login:

1. Ativar / Desativar: para ativar ou desativar o login ao vivo.

2. ID do cliente em tempo real: o ID do cliente em tempo real. (Veja o apêndice Como obter detalhes do aplicativo ao vivo).

3. Segredo do Live Client: O Live Client-Secret. (Veja o apêndice Como obter detalhes do aplicativo ao vivo).

4. Tamanho do botão ao vivo: O botão de login do Yahoo disponível em dois tamanhos, um pequeno e um grande. Você pode escolher qualquer um deles.

25live

6. Guia Configurações do Twitter

A aba de configurações do Twitter tem preferências de login no Twitter: 1. Ativar / Desativar: para ativar ou desativar o login do Twitter.

2. ID do cliente do Twitter: o ID do cliente do Twitter. (Veja o apêndice Como obter detalhes do aplicativo do Twitter).

3. Segredo do cliente do Twitter: o cliente-segredo do Twitter. (Veja o apêndice Como obter detalhes do aplicativo do Twitter).

4. Tamanho do botão Twitter: O botão de login do Twitter está disponível em dois tamanhos, um pequeno e um grande. Você pode escolher qualquer um deles.

26twi

7. Guia Configurações do Yahoo

O Yahoo Guia Configurações tem preferências de login do Yahoo: 1. Ativar / Desativar: para ativar ou desativar o login do Yahoo.

2. ID do cliente do Yahoo: o ID do cliente do Yahoo. (Veja o apêndice Como obter detalhes do Yahoo App).

3. Segredo do Cliente Yahoo: O Segredo do Cliente do Yahoo. (Veja o apêndice Como obter detalhes do Yahoo App).

4. Yahoo Button Size: O botão de login do Yahoo disponível em dois tamanhos, um pequeno e um grande. Você pode escolher qualquer um deles.

27yahoo

8. Guia Configurações da Amazon

O Amazonas Guia Configurações tem preferências de login da Amazon: 1. Ativar / Desativar: para ativar ou desativar o login da Amazon.

2. ID do cliente da Amazon: o ID do cliente da Amazon. (Veja o apêndice Como obter detalhes do Amazon App).

3. Segredo do Amazon Client: O Amazon Client-Secret. (Veja o apêndice Como obter detalhes do Amazon App).

4. Tamanho do botão Amazon: O botão de login da Amazon está disponível em dois tamanhos, um pequeno e um grande. Você pode escolher qualquer um deles.

Screenshot do 2014-10-29 19: 28: 19

9. Guia Configurações do Instagram

O Instagram Guia Configurações tem preferências de login do Instagram 1.Enable / Disable: Para ativar ou desativar o login do Instagram.

2. ID do cliente do Instagram: o ID do cliente do Instagram. (Veja o apêndice Como obter detalhes do aplicativo Instagram).

3. Segredo do Cliente Instagram: O Cliente-Segredo do Instagram. (Veja o apêndice Como obter detalhes do aplicativo Instagram).

4. Instagram Button Size: O botão de login do Instagram disponível em dois tamanhos, um pequeno e outro grande. Você pode escolher qualquer um deles.

Screenshot do 2014-10-29 19: 27: 55

10. Guia Configurações do Paypal

O Paypal Guia Configurações tem preferências de login paypal: 1. Ativar / Desativar: para ativar ou desativar o login do paypal.

2. ID do cliente Paypal: O ID do cliente Paypal. (Veja apêndice Como obter detalhes do aplicativo Paypal).

3. Segredo do Cliente Paypal: O Segredo do Cliente Paypal. (Veja apêndice Como obter detalhes do aplicativo Paypal).

4. Tamanho do botão do Paypal: O botão de login do Paypal disponível em dois tamanhos, um pequeno e um grande. Você pode escolher qualquer um deles.

Screenshot do 2014-10-29 19: 28: 36

11. Obter guia de suporte

1. Ao clicar na guia Obter Suporte, você será redirecionado para o nosso site de suporte, onde você pode entre em contato com o nosso suporte para ajuda. Use esta aba no caso de alguma consulta / problema ou encontrar algum bug.

12. Themer tab

1. Ao clicar na primeira guia, você terá a opção de alterar o tema de Social Loginizer painel de administração.

31

Botões do Social Loginizer

Em Armazenar na frente, os botões de Login do SNS estão disponíveis em qualquer página, adicionando-os na guia Configurações gerais do módulo Admin ou colocando um código abreviado dentro de qualquer um dos arquivos do catálogo * .tpl na pasta de modelos. Código curto para o botão de login do SNS:

Isso gerará os botões da seguinte maneira:

32

1. Como obter detalhes do aplicativo do Facebook?

Passos:

1. Acesse o site de desenvolvedores do Facebook (https://developers.facebook.com)

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

33

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

34

6. Clique no botão Add Platform.

7. Selecione o site.

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

35

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.

2. Como obter detalhes do Google App?

Etapas: 1. Vá para o Google Developers Console (https://code.google.com/apis/console).

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

36

Clique no botão 3.Click Create New Client ID no painel direito da tela.

4. Preencha o formulário de pop-up com os detalhes abaixo: o Tipo de Aplicativo: Aplicativo da Web. o JavaScriptorigins autorizados: seu nome de domínio da loja. (http://www.example.com) o URI de redirecionamento autorizado: URI da página de redirecionamento do SNSLogin. (http://www.example.com/index.php?route=snslogin/redirect).

37

5.Now clique no botão Criar ID do cliente para obter o seu ID de cliente e a chave secreta do cliente.

38

3. Como obter detalhes do aplicativo do LinkedIn?

Etapas: 1.Go aos desenvolvedores do LinkedIn (https://www.linkedin.com/secure/developer). 2.Clique em Add New Application.

39

3.Fill o formulário para registrar um novo aplicativo. O URL do website deve ser o URL da sua loja, como: http://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.

40

4. Como obter detalhes do aplicativo ao vivo?

Etapas: 1. Vá para o Microsoft Development Center (https://account.live.com/developers/applications).

41

2.Clique em Criar Aplicativo.

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

42

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

5.No painel direito habilitar a segurança de redirecionamento aprimorada, insira o URL da página de redirecionamento SNSLogin (http://yoursite.com/catalog/controller/snslogin/snslogin_redirect.php) em URLs de redirecionamento e clique em Salvar.

43

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

44

5. Como conseguir Twitter Detalhes da aplicação?

Passos: 1.Ir para Twitter App Gerenciamento (https://apps.twitter.com/).

45

2.Clique em Criar novo AppButton.

3.Insira Detalhes do Aplicativo da seguinte forma: o Nome do Aplicativo: Nome do seu Aplicativo. o Descrição: 10 para 200 descrição de caracteres do seu aplicativo. o Website: o URL da sua loja. o URL de retorno de chamada: SNSLog direciona o URL da página da sua loja. (http://www.example.com/index.php?route=snslogin/redirect).

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.

46

6. Como obter detalhes do Yahoo App?

Etapas: 1. Vá para o Yahoo Developer Network (https://developer.apps.yahoo.com/projects).

47

2.Clique em Criar um projeto.

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

4.Clique em Criar botão do projeto.

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

7. Como conseguir App da Amazon detalhes?

Etapas: 1. Vá para a Amazon Developer Network (http://login.amazon.com/manageApps).

49

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.

50

4.Insira Detalhes do Aplicativo da seguinte forma: o Nome: Nome do seu Aplicativo. o Descrição: Descrição do seu aplicativo. o URL de Aviso de Privacidade: URL da página da política de privacidade da sua loja. o Logo Image: Selecione a imagem do logotipo opcional da sua loja.

5. Clique no botão Salvar.

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

51. URL de retorno permitido: URL da página de redirecionamento SNSLogin de sua loja. (http://www.example.com/index.php?route=snslogin/redirect).

8. Como conseguir Instagram App detalhes?

Etapas: 1. Vá para o Instagram Developer Network (http://instagram.com/developer/clients/manage/#).

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

52

3. Preencha o seguinte formulário

53

4. Defina OAuth redirect_uri como o URL da página de redirecionamento SNSLogin de sua loja. (http://www.example.com/index.php?route=snslogin/redirect).

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

9. Como conseguir App Paypal detalhes?

Etapas: 1. Vá para a Paypal Developer Network (https://developer.paypal.com/webapps/developer/applications/myapps).

2. Clique no botão Create App.

54

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

55

4. Defina o URL de retorno do aplicativo (ativo) como o URL da página de redirecionamento do SNSLogin da sua loja. (http://www.example.com/index.php?route=snslogin/redirect).

56

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

57

Histórias relacionadas:

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 *