Knowband Blog | Ecommerce Modules

Estensione di social loginizer Magento 2 – Manuale dell'utente

1.0 Introduzione

L'estensione di accesso social di Magento 2 consente ai clienti di accedere / registrarsi utilizzando i loro account di social media come Facebook, Google, Yahoo e altre 9 opzioni. Questo Modulo di accesso social Magento 2 aggiungerà un nuovo collegamento "Accesso rapido" accanto al collegamento di accesso predefinito. Questo testo può essere personalizzato. Facendo clic su questo collegamento, verrà visualizzato un popup di accesso.

Il plug-in Social Login di Magento 2 offre la libertà all'amministratore del negozio eCommerce di abilitare o disabilitare l'accesso tramite diverse piattaforme, l'amministratore può anche modificare il comportamento dell'estensione di accesso ai social media Magento 2 sul front-end e abilitare o disabilitare l'accesso tramite qualsiasi piattaforma social disponibile.

1.1 Caratteristiche offerte da

  1. Con questa estensione di accesso social Magento 2, l'amministratore può offrire ai clienti un'opzione di accesso / registrazione semplice e senza problemi.
  2. Utilizzando questo modulo di accesso social Magento 2, il commerciante del negozio può impostare 12 diversi pulsanti di social media per offrire ai clienti l'accesso / registrazione semplice.
  3. L'amministratore del negozio può selezionare icone piccole / grandi e circolari / rettangolari per mostrare le opzioni di accesso social.
  4. Il modulo di accesso social di Magento 2 consente di impostare diverse animazioni nei pulsanti di accesso social come zoom / evidenziazione / rotazione.
  5. Il commerciante del negozio può impostare un collegamento di intestazione sul sito Web per fornire un'opzione di accesso / registrazione popup.
  6. Sono disponibili le opzioni di accesso a Facebook, accesso a Google, accesso a Yahoo, accesso a Paypal, accesso a Instagram, accesso a Twitter, accesso ad Amazon, accesso a Linkedin, accesso dal vivo, accesso a Dropbox, Foursquare e WordPress.
  7. Offrendo un modo semplice e senza problemi, il commerciante del negozio può aumentare la registrazione dei clienti sul sito Web.
  8. Il commerciante del negozio può anche modificare la posizione dei pulsanti di accesso social mediante la seguente funzione di trascinamento della selezione.
  9. L'amministratore può impostare l'API per varie opzioni di accesso social dall'interfaccia di amministrazione di questa estensione di accesso social di Magento 2.
  10. Il modulo Social Login di Magento 2 è mobile responsive e offre un funzionamento regolare.
  11. L'estensione di accesso ai social media di Magento 2 è compatibile multilingue e offre un'implementazione senza problemi.

2.0

Dopo aver acquistato l'estensione di accesso social Magento 2, l'amministratore del negozio otterrà i seguenti file:

1. zip che ha il codice sorgente di questo plugin per il programma Socialloginizer di Magento 2.

2. Manuale dell'utente, con tutti i dettagli e le informazioni di base.

I passaggi per installare l'estensione del programma Magento 2 Social Loginizer sono indicati di seguito:

Impostazioni amministratore 3.0

Accedi al tuo Magento Admin, quindi vai a Negozi -> Configurazione -> Knowband -> Social Loginizer e configura il plugin.

Per accedere al plug-in Knowband, vai su Negozi -> Configurazione -> Knowband -> Social Loginizer. L'amministratore del negozio avrà varie opzioni di impostazione classificate come segue:

L'amministratore può facilmente configurare il modulo di accesso social Magento 2 e mostrare facilmente le opzioni di accesso social sul sito Web.

Configurazione 3.1

Nella sezione di configurazione, l'amministratore del negozio può configurare il modulo e applicare le impostazioni di base. L'amministratore può anche applicare le impostazioni del sito Web da questa sezione.

3.1.1 Impostazioni generali

L'amministratore può personalizzare le impostazioni generali utilizzando le seguenti opzioni di impostazione:

?

3.1.2 Impostazioni dei siti Web

L'amministratore può aggiungere le impostazioni dei siti Web qui. Per ogni sito Web, ci saranno impostazioni simili come quelle seguenti: –

3.2 Impostazioni delle icone personalizzate

Nel set di icone personalizzate, l'amministratore può aggiungere, modificare ed eliminare il layout del pulsante di accesso social. L'estensione di accesso social Magento 2 consente all'amministratore del negozio di applicare le impostazioni di layout e di mostrare le opzioni di accesso social in modo attraente.

3.2.1 Come aggiungere un nuovo layout?

L'amministratore può fare clic su Aggiungi nuovo pulsante e applicare queste impostazioni per aggiungere un nuovo layout:

Nell'opzione Personalizzabile, l'amministratore può applicare queste impostazioni:

3.2.2 Come modificare il layout?

L'amministratore può fare clic sul pulsante Modifica per modificare le impostazioni del layout.

3.2.3 Come eliminare il layout?

Per eliminare qualsiasi amministratore di layout è sufficiente fare clic sul pulsante Elimina.

3.3 Statistiche

C'è un "Statistiche"nel menu da cui l'amministratore può visualizzare il rapporto.

3.3.1 Rapporto grafico del sito Web

Mostra i dati di accesso e registrazione social in forma grafica.

3.3.2 Rapporto di accesso social

Mostra una tabella contenente i dati relativi a ciascun sito Web di accesso social come il conteggio degli accessi, il conteggio delle registrazioni ecc.

3.3.3 Rapporto utente accesso social

Mostra una tabella contenente i dati relativi ai siti di accesso dei clienti e social come e-mail dei clienti, conteggio degli accessi ecc.

Database di ripristino: – C'è un pulsante "Ripristina database". Facendo clic su questo pulsante verranno eliminati tutti i dati relativi al plug-in di social login.

Interfaccia 4.0 front-end

Popup di accesso: Quando si abilita il pop-up di accesso, verrà visualizzato un collegamento con il testo corretto nell'interfaccia di amministrazione.

Facendo clic su questo collegamento viene visualizzato un popup con un'opzione di accesso social.

Pagina di login: Se abilitato Blocco accesso social verrà visualizzato nella pagina di accesso del cliente.

Pagina di registrazione: Se abilitato Blocco accesso sociale verrà visualizzato nella pagina di creazione dell'account cliente.

  1. Pagina di pagamento: – Se abilitato Social Login Block apparirà al checkout Accedi Popup.

appendice

Come impostare Redirect Url?

Lascia che l'URL del tuo sito web sia "www.example.com". e il sito di accesso social è "Facebook".

Se Url Rewrite è abilitato nel tuo sito Web, lo sarà l'URL di reindirizzamento

URL non garantito: https://www.example.com/socialloginizer/index/vssSoloApi Facebook /

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

Se Url Rewrite è disabilitato nel tuo sito Web, lo sarà l'URL di reindirizzamento

  1. URL non garantito: https://www.example.com/index.php/socialloginizer/index/vssSoloApi Facebook /
  2. URL protetto: https://www.example.com/index.php/socialloginizer/index/vssSoloApi Facebook /

Nota: per Yahoo, URLS sarà

URL non garantito: https://www.example.com/socialloginizer/index/vssSoloApi /

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

1. Come ottenere i dettagli dell'app Facebook?

Passi:

  1. Vai al sito Web degli sviluppatori di Facebook (https://developers.facebook.com) o fai clic sul link in alto a destra della rispettiva scheda nella pagina di configurazione del modulo.
  2. Fai clic su App -> Crea una nuova app.
  3. Seguire le istruzioni sullo schermo.
  4. Otterrai l'ID app e il segreto dell'app (fai clic sul pulsante "Mostra").

  1. Ora vai su Impostazioni dal menu a sinistra.

  1. Fai clic sul pulsante "Aggiungi piattaforma".
  2. Seleziona il sito Web.
  3. Inserisci il dominio dell'app e l'URL del sito.

Tipo di applicazione: Applicazione Web.

JavaScript autorizzati: il nome di dominio del tuo negozio. (Http://www.example.com)

  1. Fai clic sul pulsante "Salva modifiche".
  2. Ora, vai alla scheda "Stato e revisione" dal menu a sinistra e attiva l'applicazione.

2. Come ottenere i dettagli dell'app Google?

Passi:

  1. Vai alla Google Developers Console (https://console.developers.google.com/projectselector/apis/library)o fai clic su Crea collegamento progetto dato il menu a discesa in alto a sinistra della pagina o al centro della pagina.

  1. Fornire il nome del progetto.

  1. Crea credenziali facendo clic sul pulsante "Crea credenziali" e selezionando ID client oAuth.

  1. Le credenziali possono essere create solo dopo aver fornito i dettagli in forma oAuth. Fai clic sullo stesso e ora puoi trovare le credenziali.

  1. L'URL di reindirizzamento può essere impostato nella schermata delle credenziali

3. Come ottenere i dettagli dell'app LinkedIn?

Passi:

Vai su Sviluppatori LinkedIn (https://www.linkedin.com/developer/apps) o fai clic su "Crea applicazione" e segui i passaggi.

I dettagli di autenticazione possono essere aggiunti nella scheda di autenticazione.

4. Come ottenere i dettagli dell'app dal vivo?

Passi:

  1. Vai al Microsoft Development Center (https://apps.dev.microsoft.com/#/appList) o fai clic su Aggiungi un'app.

  1. Compila i dettagli nel modulo e fai clic su Salva.

5. Come ottenere i dettagli dell'app Twitter?

Passi:

  1. Vai a Gestione app Twitter (https://apps.twitter.com/) o fai clic sul collegamento in alto a destra della rispettiva scheda nella pagina di configurazione del modulo.

  1. Fai clic sul pulsante "Crea nuova app".
  2. Immettere i dettagli dell'applicazione come segue:
  1. Ora, fai clic su "Sì, accetto", quindi fai clic su "Crea la tua applicazione Twitter".
  2. Ora, seleziona le "Chiavi API" dal menu sotto il nome dell'applicazione e copia la chiave API e il segreto API.

6. Come ottenere i dettagli dell'app Yahoo?

Passi:

  1. Vai su Yahoo Developer Network (https://developer.yahoo.com/apps/) e fai clic sul link "Le mie app" in alto a destra e sul menu dell'intestazione della pagina di configurazione.

  1. Fai clic su "Crea un'app".

  1. Compila i dettagli richiesti secondo le istruzioni

  1. Copia il tuo "ID cliente" e "Segreto cliente".

7. Come ottenere i dettagli dell'app Amazon?

Passi:

  1. Vai su Amazon Developer Network (https://login.amazon.com/manageApps) o fai clic sul link in alto a destra della rispettiva scheda nella pagina di configurazione del modulo.

  1. Fai clic sul pulsante Accedi alla console dell'app.
  2. Dopo aver effettuato correttamente l'accesso alla App Console, fai clic sul pulsante Registra nuova applicazione in alto a destra nella pagina e verrai reindirizzato alla pagina seguente.

  1. Immettere i dettagli dell'applicazione come segue:
  1. Fai clic sul pulsante Salva.
  2. Ora fai clic su Impostazioni Web per ottenere l'ID client e il segreto.

  1. URL di ritorno consentito: Loginizer reindirizza l'URL della pagina del tuo negozio.

Note: Per consentire ad Amazon di accedere al tuo sito Web, al tuo sito Web "deve essere sicuro con HTTPS"altrimenti l'accesso ad Amazon non funzionerà.

8. Come ottenere i dettagli dell'app Instagram?

Passi:

  1. Vai su Instagram Developer Network (https://instagram.com/developer/clients/manage/#) o fai clic sul link in alto a destra della rispettiva scheda nella pagina di configurazione del modulo.
  2. Fai clic sul pulsante Registra un nuovo cliente in alto a destra nella pagina.

  1. Compila il seguente modulo

  1. Imposta OAuth redirect_uri come URL della pagina di reindirizzamento di Loginizer del tuo negozio. (Http://www.example.com/module/socialoginizer/index/vssSoloApiInstagram).
  2. Fai clic sul pulsante Crea, quindi copia e incolla ID client e segreto nel pannello di amministrazione del plug-in.

9. Come ottenere i dettagli dell'app Paypal?

Passi:

  1. Vai su Paypal Developer Network (https://developer.paypal.com/developer/applications/) e accedi.
  2. Fai clic su Le mie app e credenziali.

  1. Ora inserisci il nome dell'applicazione e fai clic sul pulsante Crea app.

  1. Per impostazione predefinita, i dettagli della sandbox sono selezionati, passalo alla modalità live e inserisci altri dettagli dell'app.

  1. Ora imposta l'URL di reindirizzamento in Impostazioni app live.

  1. Controlla Accedi con PayPal e salva i dettagli.

10. Come ottenere i dettagli dell'app Dropbox?

Vai ai passaggi:

Note: Per abilitare l'accesso Dropbox al tuo sito Web, il tuo sito Web "deve essere sicuro con HTTPS", altrimenti l'accesso a Dropbox non funzionerà.

Vai al sito web degli sviluppatori Dropbox (https://www.dropbox.com/developers/apps) o fai clic sul link indicato nella parte inferiore della rispettiva scheda nella pagina di configurazione del modulo.

  1. Fare clic sul pulsante Crea app e fornire un nome per l'applicazione.

  1. Compila i dettagli, imposta l'URL di reindirizzamento e salva le impostazioni.

  1. Copia e incolla la chiave e il segreto nel pannello di amministrazione del plugin.

11. Come ottenere i dettagli dell'app WordPress?

Passi:

1. Vai al sito Web degli sviluppatori di WordPress (https://developer.wordpress.com/apps/) o fai clic sul collegamento indicato nella parte inferiore della rispettiva scheda nella pagina di configurazione del modulo.

2. Fare clic sul pulsante "Crea nuova applicazione" e fornire un nome per l'applicazione.

  1. Compila i dettagli e salva l'applicazione.

  1. Copia e incolla le credenziali nella console di amministrazione del plug-in.

12. Come ottenere i dettagli dell'app FourSquare?

Passi:

  1. Vai al sito web per sviluppatori di foursquare (https://foursquare.com/developers/apps) o fai clic sul link in basso nella Console di amministrazione plug-in.
  2. Fai clic sul pulsante "Crea una nuova app".

  1. Inserisci i dettagli, imposta l'URL di reindirizzamento e salva l'applicazione.

  1. Copia le credenziali.

Per maggiori dettagli su questo plugin di accesso Facebook di Magento 2, visita qui:

Link al modulo di accesso social di Magento 2
Magento 2 Social Login module Admin Demo Link
Magento 2 Social Login plugin Front Demo Link

Per support@knowband.com?anytime.