Estensione Magento 2 Social Loginizer – Manuale dell'utente

introduzioneEstensione di Login Social Magento 2

Social Loginizer Plugin consente al cliente di accedere / registrarsi utilizzando i propri account social come Facebook, Google, Yahoo e 9 altre opzioni. Questo plugin aggiungerà un nuovo collegamento 'Accesso rapido' accanto al collegamento di accesso predefinito. Questo testo può essere personalizzato. Con il clic di questo collegamento verrà aperto un popup di accesso. Il plugin dà la libertà all'amministratore del negozio per abilitare o disabilitare il login attraverso diverse piattaforme, l'amministratore può anche modificare il comportamento del plugin sul front-end e abilitare o disabilitare l'accesso tramite qualsiasi piattaforma social disponibile.

Guida all'installazione

Scarica il file zip dal nostro Plugin Magento e decomprimilo. Apri la directory estratta e vedrai la seguente struttura di cartelle.

word-image-93

Image-1

Crea una cartella {root Magento} / app / code / Knowband / Socialloginizer. Copia il contenuto estratto nella cartella sopra.

Abilita loginer sociale

Esegui i seguenti comandi nel tuo terminale per abilitare il plug-in Social Loginizer

  1. modulo php -f bin / magento: abilita –clear-static-content Knowband_Socialloginizer
  2. setup php -f bin / magento: aggiornamento

Configura loginizer sociale

Accedi al tuo Magento Admin, quindi accedi a Negozi -> Configurazione -> Knowband -> Social Loginizer e configura il plugin come mostrato di seguito:

Image-2

Manuale utente

Prerequisiti

Versione php 5.6 o successiva

Per accedere all'API di contatto costante, è necessario utilizzare la versione php uguale o superiore a 5.6. A meno che il tuo server non esegua la versione php richiesta, non sarai in grado di installare correttamente questo plugin.

Impostazioni amministratore

Per accedere al plug-in Knowband, vai a Negozi -> Configurazione -> Knowband -> Social Loginizer Store admin avrà varie opzioni di impostazioni classificate come segue:

Image-4

Impostazioni generali

L'amministratore può personalizzare le impostazioni generali utilizzando la seguente opzione di impostazioni disponibile.

Image-5

  • Abilita: L'amministratore sarà in grado di scegliere Sì / No per abilitare questo plug-in.
  • Mostra alla finestra di accesso: Abilitandolo verrà creato un collegamento salvato in "Testo per collegamento popup". Cliccando su questo link, apparirà un popup con l'opzione login e una sezione socialloginizer.
  • Testo per collegamento popup: Questo testo verrà visualizzato come collegamento per il popup di accesso all'intestazione nel front-end.
  • Mostra alla pagina di accesso: Abilitandolo mostrerà il blocco social loginizer nella pagina di accesso di Front end.
  • Mostra alla pagina di registrazione: Abilitandolo mostrerà il blocco social loginizer nella pagina di creazione dell'account di Front end.
  • Mostra alla pagina di controllo: Abilitandolo mostrerà il blocco social loginizer al checkout Accedi al popup popup.
  • Testo per intestazione: Questo testo apparirà prima del blocco social loginizer.
  • Opzione Visibile predefinita: Sarà il numero di icone che verranno visualizzate per impostazione predefinita nel blocco social login.
  • Animare le icone: Abilitandolo aggiungerà l'effetto di animazione alle icone di blocco degli accessi social.
  • Ordina icone: L'ordine delle icone sarà cambiato qui. Le icone sul front-end verranno mostrate in ordine come impostato da admin qui.

Impostazioni dei siti Web

L'amministratore può aggiungere qui i siti Web che impostano. Per ogni sito Web, ci saranno impostazioni simili come quelle qui sotto: –

  • Attivo: Per abilitare il sito Web per il login e la registrazione, selezionare Sì.
  • ID app (ad esempio per Facebook: ID app Facebook) : Inserisci il tuo ID applicazione / client. ID / ID utente è fornito dal sito Web corrispondente.
  • App Secret (ad esempio per Facebook: Facebook App Secret): Inserisci il tuo Segreto / Cliente dell'applicazione. Segreto segreto / consumatore è fornito dal sito web corrispondente.
  • Seleziona icone: Per ogni sito web ci sono due tipi di icone piccole e grandi. Seleziona una delle icone da mostrare nella barra di accesso social.

Sezione Rapporti

C'è una scheda "Knowband" nel menu sotto la quale c'è il collegamento di "Socialloginizer.

Facendo clic su "Socialloginizer", apparirà una schermata con tre schede: –

  1. Rapporto grafico del sito Web: – Mostra i dati di accesso e registrazione social in forma grafica.

  1. Rapporto di accesso sociale: Mostra una tabella contenente i dati relativi a ciascun sito web di accesso social come il numero di login, il numero di registrazione ecc.

  1. Rapporto utente login sociale: – Mostra una tabella contenente i dati relativi ai siti di accesso clienti e social come l'email del cliente, il numero di login ecc.

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

Modifiche del front-end: –

  1. Login Popup: Attivando il login Pop Up apparirà un link con il testo come impostato in admin.

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

  1. Pagina di login: Se abilitato Social Login Block apparirà nella pagina di accesso del cliente.

  1. Pagina di registrazione: Se attivato, il blocco di accesso social verrà visualizzato nella pagina di creazione dell'account cliente.

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

appendice

Come impostare l'URL di reindirizzamento?

Consenti al tuo sito web di essere "www.example.com". e il sito di accesso social è "Facebook". Se Url Rewrite è abilitato nel tuo sito web, l'url di reindirizzamento sarà URL non protetto: http://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, allora l'URL di reindirizzamento sarà

  1. URL non protetto: http://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, l'URL sarà URL non protetto: http://www.example.com/socialloginizer/index/vssSoloApi /

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

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'app ID e il segreto dell'app (fai clic sul pulsante "Mostra").

  1. Ora vai su Impostazioni dal menu di sinistra.

  1. Clicca sul pulsante "Aggiungi piattaforma".
  2. Seleziona il sito web.
  3. Inserisci il tuo dominio dell'app e l'URL del sito.

Tipo di applicazione: applicazione Web. JavaScriptorigins autorizzato: il nome del dominio del tuo negozio. (Http://www.example.com)

  1. Fai clic sul pulsante "Salva modifiche".
  2. Ora, vai alla scheda "Status & Review" dal menu di sinistra e rendi l'applicazione Live.

Come ottenere i dettagli dell'app Google?

Passi:

  1. Vai a Google Developers Console (https://console.developers.google.com/projectselector/apis/library) oppure fai clic sul link di collegamento del progetto creato in alto a sinistra nella pagina o al centro della pagina.

  1. Fornire il nome del progetto.

  1. Crea le credenziali facendo clic sul pulsante "Crea credenziali" e seleziona l'ID cliente oAuth.

  1. Le credenziali possono essere create solo dopo aver fornito i dettagli nel modulo oAuth. Fai clic su stesso e ora è possibile trovare le credenziali.

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

Come ottenere i dettagli dell'app LinkedIn?

Passi:

Vai a LinkedIn Developers (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.

Come ottenere i dettagli dell'app live?

Passi:

  1. Vai a 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.

Come ottenere i dettagli dell'app Twitter?

Passi:

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

  1. Fai clic sul pulsante "Crea nuova app".
  2. Inserisci i dettagli dell'applicazione come segue:

Nome applicazione: nome dell'applicazione. Descrizione: descrizione dei caratteri da 10 a 200 della tua applicazione. Sito web: l'URL del tuo negozio. URL di richiamata: Loginizer reindirizza l'URL della pagina del tuo negozio.

  1. Ora, fare clic su "Sì, accetto" e quindi fare clic su "Crea la tua applicazione Twitter".
  2. Ora seleziona le "API Keys" dal menu sotto il nome dell'applicazione e copia la chiave API e il segreto API.

 

 

Come ottenere i dettagli dell'app Yahoo?

Passi:

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

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

  1. Compila i dettagli richiesti come da istruzioni

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

Come ottenere i dettagli dell'App Amazon?

Passi:

  1. Vai su Amazon Developer Network (http://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 al pulsante App Console.
  2. 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.

  1. Inserisci i dettagli dell'applicazione come segue:

Nome: nome della tua applicazione. Descrizione: descrizione della tua applicazione. URL della privacy: URL della pagina delle norme sulla privacy del tuo negozio. Immagine logo: seleziona l'immagine del logo opzionale del tuo negozio.

  1. Fai clic sul pulsante Salva.
  2. Ora fai clic su Impostazioni Web per ottenere l'ID e il segreto del tuo cliente.

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

Nota: Per abilitare il login Amazon nel tuo sito web, il tuo sito web "deve essere sicuro con HTTPS"altrimenti il ​​login Amazon non funzionerà.

Come ottenere i dettagli dell'app Instagram?

Passi:

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

  1. Compila il seguente modulo

  1. Imposta OAuth redirect_uri come Loginizer reindirizza l'URL della pagina 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.

Come ottenere i dettagli dell'app Paypal?

Passi:

  1. Vai a 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 della tua applicazione e fai clic su Crea pulsante app.

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

  1. Ora imposta l'URL di reindirizzamento nelle impostazioni dell'app live.

  1. Controlla l'accesso con paypal e salva i dettagli.

Come ottenere i dettagli dell'app Dropbox?

Vai a Passaggi:

Nota: Per abilitare l'accesso a Dropbox nel tuo sito web, il tuo sito web "deve essere protetto con HTTPS" altrimenti l'accesso a Dropbox non funzionerà. Vai al sito web dello sviluppatore Dropbox (https://www.dropbox.com/developers/apps) o fai clic sul link indicato in fondo alla rispettiva scheda nella pagina di configurazione del modulo.

  1. Fare clic sul pulsante Crea app e fornire un nome per 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.

Come ottenere i dettagli dell'app WordPress?

Passi:

1. Vai al sito web per sviluppatori WordPress (https://developer.wordpress.com/apps/) o fai clic sul link indicato in fondo alla 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 plugin.

Come ottenere i dettagli dell'app FourSquare?

Passi:

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

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

  1. Copia le credenziali.


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 *