Accesso tramite social per gli account cliente

Oltre all'esperienza di accesso senza password predefinita per gli account cliente, puoi collegare gli account Google e Facebook per consentire ai clienti di accedere utilizzando le credenziali social.

L'attivazione dell'accesso tramite social per gli account cliente può offrire ai clienti un'esperienza di accesso più rapida attraverso metodi di autenticazione familiari. Puoi attivare più metodi di accesso tramite social nel negozio.

Se hai collegato il tuo provider di identità agli account cliente e vuoi collegare l'accesso tramite social, devi contattare il provider di identità esterno.

Considerazioni sul collegamento dell'accesso tramite social agli account cliente

Esamina le seguenti considerazioni sul collegamento dell'accesso tramite social agli account cliente:

• Devi disporre di un account sviluppatore per il provider che desideri collegare agli account cliente.
• L'unico dato del cliente sincronizzato con Shopify quando utilizzi l'accesso tramite social è l'indirizzo email del cliente.

Collega Google agli account cliente

Per collegare Google agli account cliente, devi completare le seguenti attività in ordine:

• Passaggio 1: apri la pagina Accedi con Google nel pannello di controllo Shopify
• Passaggio 2: crea un'app in Google Cloud Console
• Passaggio 3: configura il client OAuth dell'app in Google Cloud Console
• Passaggio 4: configura le credenziali nel pannello di controllo Shopify
• Passaggio 5: pubblica l'app in Google Cloud Console

Durante la configurazione, devi spostarti tra le schede del browser di Google Cloud Console e del pannello di controllo Shopify. Per collegare Google agli account cliente, devi aver configurato un account Google Cloud. Per maggiori informazioni su Google Cloud, consulta la documentazione di assistenza di Google.

Passaggio 1: apri la pagina Accedi con Google nel pannello di controllo Shopify

1. Dal pannello di controllo Shopify vai a Impostazioni > Account cliente.

2. Nella sezione Autenticazione, clicca su Gestisci.

3. Clicca su Collega accanto a Google per aprire la pagina Accedi con Google.

Questa pagina contiene le informazioni che dovrai copiare e incollare durante la configurazione del client OAuth dell'app Google, quindi tienila aperta in una scheda del browser separata.

Passaggio 2: crea un'app in Google Cloud Console

1. In un'altra scheda del browser accedi a Google Cloud Console.
2. Seleziona un progetto esistente o creane uno nuovo. Verrai reindirizzato alla dashboard del progetto.
3. Clicca su , quindi su API e servizi > Credenziali.
4. Clicca su Configura schermata di consenso > Inizia.
5. Completa i dettagli di configurazione OAuth del progetto:
   1. Assegna all'app un nome che il cliente riconoscerebbe, come il nome del negozio online. Inserisci la tua email per l'assistenza tecnica, quindi clicca su Avanti.
   2. Nella sezione Pubblico, seleziona Esterno, quindi clicca su Avanti.
   3. Fornisci un'email di contatto per eventuali notifiche di Google relative al progetto, quindi clicca su Avanti.
   4. Accetta le Norme relative ai dati utente dei servizi API di Google, quindi clicca su Continua.
   5. Clicca su Crea.
6. Configura le informazioni relative all'informativa dell'app mostrate ai clienti nella schermata di consenso:
   1. Clicca su Branding.
   2. Nella sezione Dominio dell'app, includi un link alla homepage, un link all'informativa sulla privacy pubblica e un link ai Termini e condizioni del servizio. Maggiori informazioni sulla creazione delle informative del negozio.

Passaggio 3: configura il client OAuth dell'app in Google Cloud Console

Questo passaggio richiede di copiare i dettagli dalla sezione Istruzioni per la configurazione della pagina Accedi con Google nel pannello di controllo Shopify e di incollarli nei campi appropriati nella scheda di Google Cloud Console.

1. Nell'app del progetto in Google Cloud Console, clicca su Panoramica.
2. Nella sezione Metriche, clicca su Crea client OAuth.
3. Configura i dettagli del client OAuth:
   1. Dal menu a discesa Tipo di applicazione, seleziona Applicazione web.
   2. Nel campo Nome, inserisci un nome.
4. Configura le Origini JavaScript autorizzate per l'app:
5. Nella sezione Origini JavaScript autorizzate, clicca su + Aggiungi URI.
6. Nella pagina Accedi con Google nel pannello di controllo Shopify, copia il valore di Origini JavaScript autorizzate.
7. In Google Cloud Console, incolla il valore nel campo URI 1.
8. Se hai più di un URI nella sezione Origini JavaScript autorizzate del pannello di controllo Shopify, ripeti questi passaggi per i campi URI aggiuntivi.
9. Configura gli URI di reindirizzamento autorizzati per l'app:
10. In Google Cloud Console, nella sezione URI di reindirizzamento autorizzati, clicca su + Aggiungi URI.
11. Nella scheda del browser con il pannello di controllo Shopify, copia il valore di URI di reindirizzamento autorizzati.
12. Torna a Google Cloud Console, quindi incolla il valore nel campo URI 1.
13. Se hai più di un URI nella sezione URI di reindirizzamento autorizzati del pannello di controllo Shopify, ripeti questi passaggi per i campi URI aggiuntivi.
14. Nella Google Cloud Console, clicca su Crea.

Tieni aperta la finestra di dialogo Client OAuth creato per il Passaggio 4: configura le credenziali nel pannello di controllo Shopify, in quanto dovrai copiare e incollare alcune informazioni dalla Google Cloud Console al pannello di controllo Shopify.

Passaggio 4: configura le credenziali nel pannello di controllo Shopify

1. Dalla finestra di dialogo Client OAuth creato nella Google Cloud Console, copia l’ID client.
2. Nella pagina Accedi con Google del pannello di controllo Shopify, nella sezione Credenziali, incolla l’ID client.
3. Dalla finestra di dialogo Client OAuth creato nella Google Cloud Console, copia il Client secret.
4. Nella pagina Accedi con Google del pannello di controllo Shopify, nella sezione Credenziali, incolla il Client secret.
5. Nella pagina Accedi con Google del pannello di controllo Shopify, clicca su Salva.

Passaggio 5: pubblica l’app nella Google Cloud Console

1. Nell’app del progetto nella Google Cloud Console, clicca su Pubblico.
2. Clicca su Pubblica app.

Collega Facebook agli account cliente

Per collegare Facebook agli account cliente, devi completare le seguenti attività in ordine:

• Passaggio 1: apri la pagina Accedi con Facebook nel pannello di controllo Shopify
• Passaggio 2: crea un’app nella dashboard Meta for Developers
• Passaggio 3: configura le impostazioni dell’app Meta
• Passaggio 4: configura le credenziali nel pannello di controllo Shopify
• Passaggio 5: testa e attiva Accedi con Facebook

Durante la configurazione, devi passare da una scheda del browser all’altra per la dashboard Meta for Developers e il pannello di controllo Shopify. Per collegare Facebook agli account cliente, devi avere un account Meta Developer. Scopri come registrarti come Meta Developer.

Passaggio 1: apri la pagina Accedi con Facebook nel pannello di controllo Shopify

1. Dal pannello di controllo Shopify vai a Impostazioni > Account cliente.

2. Nella sezione Autenticazione, clicca su Gestisci.

3. Clicca su Collega accanto a Facebook per aprire la pagina Accedi con Facebook.

Passaggio 2: crea un’app nella dashboard Meta for Developers

1. In una scheda del browser separata, vai alla dashboard Meta for Developers, quindi clicca su Accedi per effettuare l’accesso. Se non hai configurato un account Meta Developer, devi creare un nuovo account dalla pagina di accesso prima di passare al passaggio successivo.
2. Clicca su App.
3. Clicca su Crea app.
4. Compila i campi Nome app ed Email di contatto app, quindi clicca su Avanti.
5. Nella pagina Aggiungi casi d’uso, seleziona Autentica e richiedi dati agli utenti con Facebook Login, quindi clicca su Avanti.
6. Nella pagina Quale portafoglio aziendale desideri collegare a questa app, seleziona un portafoglio aziendale oppure seleziona Non desidero ancora collegare un portafoglio aziendale., quindi clicca su Avanti.
7. Controlla la pagina Requisiti di pubblicazione, quindi clicca su Avanti.
8. Controlla la pagina Panoramica, quindi clicca su Vai alla dashboard.

Passaggio 3: configura le impostazioni dell’app Meta

1. Dopo aver creato un’app, nella dashboard Meta for Developers, clicca su Casi d’uso.
2. Nel caso d’uso Autentica e richiedi dati agli utenti con Facebook Login, clicca su Personalizza.
3. Per assicurarti che le informazioni sui clienti vengano acquisite al momento dell’accesso, nella sezione Autorizzazioni e funzionalità, accanto a email, clicca su Aggiungi.
4. Clicca su Impostazioni e vai a Impostazioni OAuth del client.
5. Nella pagina Accedi con Facebook del pannello di controllo Shopify, copia l’URL di reindirizzamento dalla sezione URL di reindirizzamento.
6. Nella pagina Impostazioni della dashboard Meta for Developers, incolla l’URL di reindirizzamento nel campo URI di reindirizzamento OAuth validi.
7. Se hai più di un URL di reindirizzamento nella sezione URL di reindirizzamento del pannello di controllo Shopify, ripeti questi passaggi per gli URL di reindirizzamento aggiuntivi.
8. Nella pagina Accedi con Facebook del pannello di controllo Shopify, copia l’URL dalla sezione URL di revoca autorizzazione.
9. Nella pagina Impostazioni della dashboard Meta for Developers, incolla l’URL nel campo URL di callback di revoca autorizzazione.
10. Nella pagina Impostazioni della dashboard Meta for Developers, clicca su Salva modifiche.

Passaggio 4: configura le credenziali nel pannello di controllo Shopify

1. Clicca sull’icona Home per tornare alla dashboard Meta for Developers, quindi clicca su Impostazioni app > Di base.
2. Copia l’ID app dalla dashboard Meta for Developers.
3. Nella pagina Accedi con Facebook del pannello di controllo Shopify, incolla l’ID app nel campo ID app della sezione Credenziali.
4. Nella dashboard Meta for Developers, clicca su Mostra accanto a App secret, quindi copia l’App secret.
5. Nella pagina Accedi con Facebook del pannello di controllo Shopify, incolla l’App secret nel campo App secret, quindi clicca su Salva.
6. Nel pannello di controllo Shopify, clicca su Salva modifiche.

Passaggio 5: testa e attiva Accedi con Facebook

1. Nella pagina Accedi con Facebook del pannello di controllo Shopify, clicca su Altre azioni > Anteprima, quindi testa il flusso di autenticazione di Facebook come se fossi un cliente che accede al negozio.
2. Clicca su Attiva.

Dopo aver attivato Accedi con Facebook, puoi testare la customer experience visitando il negozio online e accedendo all’account cliente con Facebook.

Accedi con Shop

Se hai attivato Shop Pay, i clienti possono accedere con le loro credenziali Shop e le chiavi di accesso salvate. Inoltre, i clienti accedono automaticamente con Shop dopo aver eseguito il check-out nel negozio utilizzando Shop Pay.

Accedi con Shop è attivato automaticamente per gli account cliente e può essere rimosso dal negozio solo se disattivi Shop Pay.

Scopri come aggiungere un pulsante Accedi con Shop al negozio.

Gestione delle opzioni di accesso social

Puoi modificare, disattivare o rimuovere un metodo di accesso social che hai collegato.

Dopo che disattivi o rimuovi un metodo di accesso social, i clienti rimangono connessi per evitare interruzioni. Le sessioni di accesso social scadono naturalmente o quando i clienti si disconnettono.

Passaggi:

1. Dal pannello di controllo Shopify vai a Impostazioni > Account cliente.

2. Nella sezione Autenticazione, clicca su Gestisci.

3. Accanto al metodo di accesso che desideri modificare, clicca sul menu ….

4. Esegui una delle seguenti operazioni:

   • Per modificare un'opzione di accesso, clicca su Gestisci, quindi aggiorna le credenziali da modificare.
   • Per disattivare un'opzione di accesso senza rimuoverla, clicca su Disattiva.
   • Per rimuovere un'opzione di accesso, clicca su Rimuovi, quindi clicca di nuovo su Rimuovi nella finestra di dialogo.

Aggiornamento degli accessi social in caso di modifica del dominio degli account cliente

Se prevedi di modificare il dominio degli account cliente con un URL diverso, devi aggiornare le impostazioni degli accessi social prima di apportare la modifica in Shopify. Ciò garantisce che i clienti possano continuare ad accedere senza interruzioni.

Questi passaggi sono necessari quando si aggiorna l'URL degli account cliente in Shopify dal formato legacy, ad esempio shopify.com/1234567890/account, al nuovo formato del sottodominio account.your-store.com, o da un sottodominio esistente a uno diverso, ad esempio aggiornando account.your-store.com in customers.your-store.com.

Aggiunta del nuovo sottodominio degli account cliente ai provider social

Aggiungerai il nuovo dominio alle impostazioni del provider social insieme al dominio attuale. Dopo aver modificato il dominio degli account cliente in Shopify e aver verificato che la procedura di accesso e disconnessione funzioni, potrai rimuovere le voci del vecchio dominio.

Devi ripetere questi passaggi per ogni opzione di accesso social che hai attivato.

Passaggi: