Opencart Social Loginizer – User Manual

Come installare OpenCart Social Login plugin sul tuo server

1. Struttura delle cartelle della cartella del plug-in Creator di Landing Page.

16

2. Apri la cartella di caricamento e troverai la seguente struttura di cartelle:

17
È necessario che VQMOD sia installato per far funzionare questo plug-in. Se VQMOD non è installato, scaricare e installare dall'url seguente: http://code.google.com/p/vqmod/

3. Seleziona tutta la cartella e trascinali e rilasciali nella directory principale del tuo Negozio OpenCart tramite FTP.

4. Potrai trovare il plug-in pronto per essere installato nei moduli nel tuo negozio OpenCart come mostrato di seguito.

18

5. Fare clic sul collegamento Installa per installare il plug-in. Questo aggiungerà anche un'opzione a discesa nella barra dei menu che elencherà tutti i plug-in di Velocity installati nel tuo negozio per una navigazione veloce. Questo menu a discesa contiene anche una finestra di messaggio, che ti consente di informarti sul nuovo plug-in o sul nuovo aggiornamento.

19

6. Eliminare i file Vqcache dalla cartella vqmod / vqcache.

7. Per accedere al plug-in Social Loginizer fai clic sul pulsante modifica nella sezione modulo come mostrato di seguito:

20
8. Facendo clic sul pulsante di modifica si aprirà il modulo per il plug-in. Contiene la barra di navigazione in alto, il menu a sinistra e il contenuto principale al centro come mostrato di seguito.

21

1. Scheda Impostazioni generali

1. Per abilitare / disabilitare il plug-in, portare il pulsante di abilitazione su OFF su ON / ON su OFF, questo è appena a destra di Abilita / Disabilita etichetta.

2. Trascina e rilascia i pulsanti di accesso per modificare il loro ordinamento.

3. Fai clic sul pulsante aggiungi modulo aggiungi e chiama questo plug-in in una particolare pagina di layout.

2. Scheda Impostazioni di Facebook

La Facebook La scheda Impostazioni ha le preferenze di accesso a Facebook come: 1. Abilita / Disabilita: è possibile mostrare o nascondere l'accesso a Facebook abilitando o disabilitando da qui.

ID app 2.Facebook: l'ID app Facebook fornito da https://www.developers.facebook.com (vediAppendice Come ottenere i dettagli dell'app Facebook).

3. Facebook App Secret: l'App-Secret di Facebook (vedi l'appendice Come ottenere i dettagli dell'app Facebook).

4. Dimensione pulsante Facebook: il pulsante di accesso di Facebook disponibile in due dimensioni, una piccola e una grande. Puoi scegliere uno qualsiasi di loro.

22

3. Scheda Impostazioni di Google Plus

La Google Plus La scheda Impostazioni ha le preferenze di accesso di Google+ come: 1. Abilita / Disabilita: abilitare o disabilitare il Login di Google Plus.

2. ID cliente di Google: l'ID cliente di Google Plus. (Vedi l'appendice Come ottenere i dettagli dell'app Google).

3. Segreto client di Google: Google Plus Client-Secret. (Vedi l'appendice Come ottenere i dettagli dell'app Google).

4. Dimensione del pulsante Google: il pulsante di accesso Google disponibile in due dimensioni, una piccola e una grande. Puoi scegliere uno qualsiasi di loro.

23

4. Scheda Impostazioni di LinkedIn

La LinkedIn La scheda Impostazioni ha le preferenze di accesso LinkedIn: 1. Abilita / Disabilita: abilitare o disabilitare l'accesso di LinkedIn.

2. ID cliente LinkedIn: l'ID cliente LinkedIn. (Vedi appendice Come ottenere i dettagli dell'app LinkedIn).

3. Segreto client di LinkedIn: il client-secret di LinkedIn. (Vedi appendice Come ottenere i dettagli dell'app LinkedIn).

4. Dimensioni pulsante LinkedIn: il pulsante di accesso LinkedIn disponibile in due dimensioni, una piccola e una grande. Puoi scegliere uno qualsiasi di loro.

24

5. Scheda Impostazioni live

La scheda Impostazioni Live ha Windows Live preferenze di accesso:

1. Abilita / Disabilita: abilitare o disabilitare l'accesso dal vivo.

2. Live Client ID: l'ID cliente dal vivo. (Vedi appendice Come ottenere i dettagli dell'app Live).

3. Segreto del client dal vivo: il client dal vivo segreto. (Vedi appendice Come ottenere i dettagli dell'app Live).

4. Dimensione pulsante live: il pulsante di accesso Yahoo disponibile in due dimensioni, una piccola e una grande. Puoi scegliere uno qualsiasi di loro.

25live

6. Scheda Impostazioni di Twitter

La scheda Impostazioni di Twitter ha le preferenze di login di Twitter: 1. Abilita / Disabilita: abilitare o disabilitare il login di Twitter.

2. ID cliente Twitter: l'ID cliente Twitter. (Vedi appendice Come ottenere i dettagli dell'app Twitter).

3. Segreto client Twitter: il client segreto di Twitter. (Vedi appendice Come ottenere i dettagli dell'app Twitter).

4. Dimensione pulsante Twitter: il pulsante di accesso Twitter disponibile in due dimensioni, una piccola e una grande. Puoi scegliere uno qualsiasi di loro.

26twi

7. Scheda Impostazioni di Yahoo

La Yahoo La scheda Impostazioni include le preferenze di accesso di yahoo: 1. Abilita / Disabilita: abilitare o disabilitare il login di Yahoo.

2. ID cliente Yahoo: l'ID cliente Yahoo. (Vedi appendice Come ottenere i dettagli dell'app Yahoo).

3. Yahoo Client Secret: Yahoo Client-Secret. (Vedi appendice Come ottenere i dettagli dell'app Yahoo).

4. Dimensione pulsante Yahoo: il pulsante di accesso Yahoo disponibile in due dimensioni, una piccola e una grande. Puoi scegliere uno qualsiasi di loro.

27yahoo

8. Scheda Impostazioni di Amazon

La Amazon La scheda Impostazioni include le preferenze di accesso di Amazon: 1. Abilita / Disabilita: abilitare o disabilitare il login Amazon.

2. ID cliente Amazon: l'ID cliente Amazon. (Vedi appendice Come ottenere i dettagli dell'App Amazon).

3. Amazon Client Secret: Amazon Client-Secret. (Vedi appendice Come ottenere i dettagli dell'App Amazon).

4. Amazon Button Size: il pulsante di accesso Amazon disponibile in due dimensioni, una piccola e una grande. Puoi selezionare qualcuno di loro.

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

9. Scheda Impostazioni Instagram

La Instagram La scheda Impostazioni ha le preferenze di accesso di instagram 1.Enable / Disable: per abilitare o disabilitare l'accesso Instagram.

2. ID cliente Instagram: l'ID cliente Instagram. (Vedi l'appendice Come ottenere i dettagli dell'app Instagram).

3. Instagram Client Secret: Instagram Client-Secret. (Vedi l'appendice Come ottenere i dettagli dell'app Instagram).

4. Dimensione pulsante Instagram: il pulsante di accesso Instagram disponibile in due dimensioni, una piccola e una grande. Puoi selezionare qualcuno di loro.

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

10. Scheda Impostazioni Paypal

La Paypal La scheda Impostazioni ha le preferenze di login paypal: 1. Abilita / Disabilita: abilitare o disabilitare il login paypal.

2. ID cliente Paypal: l'ID cliente Paypal. (Vedi l'appendice Come ottenere i dettagli dell'app Paypal).

3. Cliente segreto di Paypal: il cliente segreto di Paypal. (Vedi l'appendice Come ottenere i dettagli dell'app Paypal).

4. Dimensione pulsante Paypal: il pulsante di accesso Paypal disponibile in due dimensioni, una piccola e una grande. Puoi scegliere uno qualsiasi di loro.

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

11. Ottieni la scheda Assistenza

1. Facendo clic sulla scheda Ottieni supporto, verrai reindirizzato al nostro sito Web di supporto, dove puoi contatta il nostro supporto per un aiuto. Utilizzare questa scheda in caso di qualche query / problema o trovato qualche bug.

12. Scheda Tema

1. Cliccando sulla scheda themer, avrai la possibilità di cambiare il tema di Login sociale Pannello di Amministrazione.

31

Pulsanti Login sociale

In Store Front i pulsanti di accesso SNS sono disponibili in qualsiasi pagina o aggiungendoli dalla scheda Impostazioni generali del modulo di amministrazione o inserendo un codice breve in qualsiasi file di catalogo * .tpl nella cartella dei modelli. Codice breve per il pulsante di accesso SNS:

Questo genererà pulsanti come segue:

32

1. Come ottenere i dettagli dell'app Facebook?

Passi:

1. Vai al sito web degli sviluppatori di Facebook (https://developers.facebook.com)

2.Clicca su App -> Crea una nuova app.

3. Segui le istruzioni sullo schermo.

4. Otterrai l'ID app e il segreto dell'app (fai clic sul pulsante Mostra).

33

5. Ora vai su Impostazioni dal menu di sinistra.

34

6. Fai clic sul pulsante Aggiungi piattaforma.

7. Seleziona il sito web.

8. Inserisci il tuo dominio dell'app e l'URL del sito.

35

9. Fai clic sul pulsante Salva modifiche.

10. Ora vai alla scheda Status & Review dal menu di sinistra e rendi l'applicazione Live.

2. Come ottenere i dettagli dell'app Google?

Passi: 1. Vai a Google Developers Console (https://code.google.com/apis/console).

2. Ora fai clic su App e Autori-> Credenziali dal menu di sinistra.

36

3.Click Crea un nuovo ID Client dal pannello di destra dello schermo.

4. Compila il modulo di popup con i seguenti dettagli: o Tipo di applicazione: applicazione web. o JavaScriptorigins autorizzati: il nome del dominio del tuo negozio. (http://www.example.com) o URI di reindirizzamento autorizzato: URI della pagina di reindirizzamento SNSLogin. (Http://www.example.com/index.php?route=snslogin/redirect).

37

5.Ora, fai clic sul pulsante Crea ID client per ottenere l'ID cliente e la chiave segreta del client.

38

3. Come ottenere i dettagli dell'app LinkedIn?

Passi: 1.Go per gli sviluppatori di LinkedIn (https://www.linkedin.com/secure/developer). 2.Click Aggiungi nuova applicazione.

39

3.Compila il modulo per registrare una nuova applicazione. URL del sito web deve essere l'URL del tuo negozio come: http://www.example.com. 4.Click Aggiungi applicazione per inviare il modulo e mantenere la chiave API e la chiave segreta in modo sicuro.

40

4. Come ottenere i dettagli dell'app live?

Passi: 1.Vai al Microsoft Development Center (https://account.live.com/developers/applications).

41

2.Click Crea applicazione.

3.Inserisci il nome dell'applicazione e fai clic sul pulsante Accetto.

42

4. Dal menu a sinistra seleziona Impostazioni API.

5.Sulla parte destra del pannello attiva la sicurezza di reindirizzamento avanzata, inserisci l'URL della pagina di reindirizzamento SNSLogin (http://yoursite.com/catalog/controller/snslogin/snslogin_redirect.php) in URL di reindirizzamento e fare clic su Salva.

43

6.Ora dal menu di sinistra, fai clic su Impostazioni applicazione, copia il tuo ID cliente e Segreto cliente.

44

5. Come ottenere Twitter Dettagli dell'app?

Passi: 1.Go a App di Twitter Gestione (https://apps.twitter.com/).

45

2.Click Crea nuovo pulsante.

3.Inserisci i dettagli dell'applicazione come segue: o Nome applicazione: nome dell'applicazione. o Descrizione: descrizione dei caratteri da 10 a 200 della tua applicazione. o Sito web: l'URL del tuo negozio. o URL di richiamata: URL della pagina SNSLoginresirect del tuo negozio. (Http://www.example.com/index.php?route=snslogin/redirect).

4. Ora, fare clic su Sì, sono d'accordo e quindi fare clic su Crea la tua applicazione Twitter.

5. Ora seleziona le chiavi API dal menu sotto il tuo Nome applicazione e copia la chiave API e il segreto API.

46

6. Come ottenere i dettagli dell'app Yahoo?

Passi: 1. Vai a Yahoo Developer Network (https://developer.apps.yahoo.com/projects).

47

2.Click Crea un progetto.

3.Compila i dettagli richiesti come da istruzioni. L'URL di casa sarà l'URL del tuo negozio.

4.Click pulsante Crea progetto.

5.Copy la chiave del consumatore e il segreto del consumatore.
48

7. Come ottenere App di Amazon dettagli?

Passi: 1. Vai su Amazon Developer Network (http://login.amazon.com/manageApps).

49

2. Fai clic sul pulsante Accedi al pulsante App Console.

3. Dopo aver effettuato il login con successo su App Console, fare clic su Registra nuovo pulsante dell'applicazione nella parte superiore destra della pagina e verrai reindirizzato alla pagina seguente.

50

4.Inserisci i dettagli dell'applicazione come segue: o Nome: nome della tua applicazione. o Descrizione: descrizione della tua applicazione. o URL della privacy: URL della pagina delle norme sulla privacy del tuo negozio. o Immagine logo: seleziona l'immagine del logo opzionale del tuo negozio.

5. Fai clic sul pulsante Salva.

6. Ora fai clic su Impostazioni Web per ottenere l'ID e il segreto del tuo cliente.

51. URL di ritorno consentito: SNSLogin reindirizza l'URL della pagina del tuo negozio. (Http://www.example.com/index.php?route=snslogin/redirect).

8. Come ottenere App di Instagram dettagli?

Passi: 1. Vai a Instagram Developer Network (http://instagram.com/developer/clients/manage/#).

2. Fare clic sul pulsante Registra un nuovo client in alto a destra della pagina.

52

3. Compila il seguente modulo

53

4. Imposta OAuth redirect_uri come SNSLogin reindirizza l'URL della pagina del tuo negozio. (Http://www.example.com/index.php?route=snslogin/redirect).

5. Fai clic sul pulsante Crea, quindi copia e incolla ID client e segreto nel pannello di amministrazione del plug-in.

9. Come ottenere App Paypal dettagli?

Passi: 1. Vai a Paypal Developer Network (https://developer.paypal.com/webapps/developer/applications/myapps).

2. Fai clic sul pulsante Crea app.

54

3. Ora inserisci il nome della tua applicazione e fai clic su Crea pulsante app.

55

4. Imposta l'URL di ritorno dell'app (live) come SNSLogin reindirizza l'URL della pagina del tuo negozio. (Http://www.example.com/index.php?route=snslogin/redirect).

56

5. Copia e incolla le credenziali live nel pannello di amministrazione del plug-in.

57

Storie correlate:

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 *