Come aggiungere l'accesso social a WordPress (il modo più semplice)

Aggiungere login social al tuo sito WordPress semplifica il processo di registrazione per i tuoi visitatori. Permette agli utenti di creare un account utilizzando i loro profili social media esistenti.

Quindi, invece di impostare un nuovo nome utente e password, possono accedere con piattaforme come Facebook o Google.

Questo fa risparmiare tempo e riduce i problemi per i tuoi visitatori. Inoltre, con il loro permesso, puoi accedere al loro nome e indirizzo email.

Questo può essere un ottimo modo per creare una lista email in modo da poter continuare a raggiungere i tuoi visitatori e riportarli sul tuo sito web.

Abbiamo dedicato del tempo a indagare sul modo migliore per impostare questo. E in questa guida, ti mostreremo come aggiungere login social a WordPress.

Perché aggiungere il login social a WordPress?

Ci sono molte ragioni per cui potresti voler consentire la registrazione utente sul tuo sito WordPress.

Se gestisci un negozio online, la registrazione utente consente agli acquirenti di salvare le proprie informazioni di pagamento e consegna. Questo rende più facile per loro acquistare di nuovo in futuro.

La registrazione utente è anche una parte importante della creazione di un sito di appartenenza WordPress. Ti consente di costruire una community di utenti coinvolti che hanno accesso a contenuti esclusivi.

Tuttavia, alla maggior parte delle persone non piace compilare lunghi moduli di registrazione utente e ricordare un'altra combinazione nome utente-password.

I login social consentono ai visitatori di creare un account sul tuo sito web con un solo clic. Possono utilizzare il nome utente e la password dei loro account di social media esistenti, come i loro dettagli di accesso a Facebook.

Poiché è così conveniente, il login social può incoraggiare più persone a registrarsi sul tuo sito web. Con questo in mente, vediamo come puoi aggiungere un login social a WordPress.

• How to Add Social Login to WordPress
  • Passaggio 1: Installa e attiva Nextend Social Login
  • Passaggio 2: Crea la tua app per sviluppatori Facebook
  • Passaggio 3: Collega il tuo sito web all'app Facebook
  • Passaggio 4: Configura le policy e i dettagli dell'app
  • Passaggio 5: Vai online e controlla le autorizzazioni dell'app
  • Passaggio 6: Aggiungi ID app e segreto a WordPress
  • Passaggio 7: Personalizza i tuoi pulsanti di login social
  • Passaggio 8: Visualizza il pulsante di login social sul tuo sito
• Tutorial video
• Domande frequenti sul login social

Come aggiungere l'accesso social a WordPress

Il modo più semplice per aggiungere un login front-end al tuo sito web WordPress è utilizzare il plugin Nextend Social Login and Register.

Questo plugin gratuito consente ai visitatori di accedere utilizzando Facebook, Twitter o Google.

Passaggio 1: Installa e attiva Nextend Social Login

Innanzitutto, dovrai installare e attivare il plugin Nextend. Per maggiori dettagli, consulta la nostra guida per principianti su come installare un plugin WordPress.

Dopo l'attivazione, dovrai andare su Impostazioni » Nextend Social Login dall'area di amministrazione di WordPress. In questa schermata, vedrai tutte le diverse opzioni di accesso social che puoi aggiungere al tuo sito WordPress.

Il processo di aggiunta di un accesso social al tuo sito varierà a seconda che tu stia aggiungendo l'accesso Facebook, Twitter o Google.

Prendiamo Facebook come esempio.

Per aggiungere un accesso Facebook al tuo sito web WordPress, fai clic sul pulsante 'Inizia' sotto il logo di Facebook.

A questo punto, potresti ricevere un avviso da Facebook. Questo perché Facebook richiede una connessione sicura per funzionare, che è un requisito di sicurezza standard.

Ciò significa che il tuo sito deve utilizzare HTTPS prima di poter aggiungere un accesso Facebook a WordPress. Per configurarlo, consulta la nostra guida su come passare da HTTP a HTTPS in WordPress.

Passaggio 2: Crea la tua app per sviluppatori Facebook

Una volta che utilizzi HTTPS, il tuo prossimo compito è creare un'app Facebook. Questo ti permetterà di creare una chiave e un segreto dell'app, che aggiungerai al plugin Nextend.

Creare un'app Facebook suona tecnico, ma non preoccuparti. Non significa che stai creando un'app mobile. È solo un processo per registrare il tuo sito web con Facebook, che ti consente di collegare in modo sicuro il loro sistema di accesso al tuo sito.

Non è necessario conoscere alcun codice e ti guideremo attraverso tutti i passaggi.

Per creare questa app, devi passare dalla tua bacheca di WordPress al sito web Meta for Developers. Tenendo presente questo, è una buona idea lasciare aperta la tua bacheca di WordPress nella scheda corrente e visitare Meta for Developers in una nuova scheda.

Nella tua scheda Meta for Developers, fai semplicemente clic sul pulsante 'Crea app'.

Verrai quindi indirizzato al processo di configurazione.

La prima cosa che dovrai fare è scegliere un portafoglio aziendale a cui desideri collegare la nuova app. L'impostazione predefinita è abilitata per 'Non voglio ancora collegare un portafoglio aziendale'. Puoi lasciare questa opzione così com'è e fare clic su 'Avanti'.

Nella fase ‘Casi d'uso’, sceglierai cosa dovrà fare la tua app.

Dato che vogliamo aggiungere il login social a WordPress, procedi selezionando l'opzione ‘Autentica e richiedi dati agli utenti con Facebook Login’.

Dopo di che, dovrai fare clic sul pulsante ‘Avanti’.

Successivamente, nel campo ‘Nome visualizzato’, digitiamo il nome che vogliamo utilizzare per l'app di Facebook. Questo nome verrà mostrato ai visitatori, quindi vorrai usare qualcosa che riconosceranno, come il titolo del tuo sito web WordPress.

Dopo aver nominato la tua app, puoi digitare il tuo indirizzo email nel campo ‘Email di contatto dell'app’. Questo è l'indirizzo che Facebook utilizzerà per avvisarti di potenziali violazioni delle policy e restrizioni dell'app o per condividere informazioni su come recuperare un account eliminato.

Tenendo presente questo, dovrai digitare un indirizzo email che controlli regolarmente. Procedi facendo clic su ‘Avanti’ per continuare.

Vedrai quindi una pagina di revisione. In questa pagina, Meta for Developers ti mostrerà tutte le impostazioni che hai configurato per la nuova app.

Se tutto sembra a posto, fai semplicemente clic sul pulsante ‘Crea app’.

Ora dovresti vedere una notifica pop-up con un pulsante ‘Vai alla dashboard’.

Facciamoci clic.

Passaggio 3: Collega il tuo sito web all'app Facebook

Ora sei pronto per aggiungere prodotti all'app di Facebook.

Da qui, puoi fare clic su ‘Personalizza l'aggiunta di un pulsante di accesso a Facebook’.

Successivamente, dovrai dirigerti su ‘Quickstart’ dal menu ‘Facebook Login’.

Da qui, puoi scegliere l'opzione ‘Web’.

Questo aprirà la sezione di personalizzazione.

Nel campo ‘URL del sito’, digita semplicemente l'URL del tuo sito web.

Assicurati di inserire l'URL corretto. Anche un piccolo errore di battitura causerà il fallimento della connessione e probabilmente vedrai un messaggio di errore come ‘URL di reindirizzamento non valido’.

Per fare ciò, torna semplicemente alla scheda che mostra la tua bacheca di WordPress. Questa schermata fornisce istruzioni dettagliate su come collegare Nextend a Facebook, incluso l'URL esatto che dovresti utilizzare.

Dopo aver digitato l'URL del tuo sito nel campo 'URL del sito', assicurati di fare clic sul pulsante 'Salva' per salvare le modifiche.

Poi, passiamo alla sezione ‘Impostazioni’.

In questa schermata, dovrai incollare un reindirizzamento oAuth valido. Per ottenere questo valore, torna alla tua scheda WordPress.

Queste istruzioni includono un URL etichettato come ‘URI di reindirizzamento OAuth validi.’ Puoi copiare questo URL.

Successivamente, torniamo al sito web Meta for Developers e incolliamo l'URL nel campo ‘Redirect URI to Check’.

Dopodiché, sei pronto per fare clic sul pulsante ‘Salva modifiche’ in fondo.

Passaggio 4: Configura le policy e i dettagli dell'app

Una volta fatto, andiamo su Impostazioni » Generali nel menu a sinistra.

In ‘Dominio dell’app,’ digita semplicemente il nome di dominio del tuo sito.

Nel campo ‘URL della politica sulla privacy,’ dovrai digitare l'indirizzo della politica sulla privacy del tuo sito web.

Questa politica sulla privacy dovrebbe divulgare le informazioni che raccogli dai visitatori e come intendi utilizzare tali dati, incluse le informazioni che ottieni dai login social.

Se hai bisogno di aiuto per creare questa importante pagina, consulta la nostra guida su come aggiungere una politica sulla privacy in WordPress.

Per essere conforme al GDPR, devi consentire agli utenti di eliminare i propri account sul tuo sito web.

Ci sono molti modi per consentire agli utenti di eliminare i propri account WordPress, ma dovresti sempre condividere queste istruzioni con i tuoi visitatori.

Per aiutare gli utenti a trovare queste informazioni, fai clic sulla sezione ‘Eliminazione dati utente’ e quindi scegli ‘URL istruzioni eliminazione dati’ dal menu a discesa.

Puoi quindi digitare o copiare/incollare l'URL dove i visitatori possono trovare informazioni su come eliminare il proprio account. Ad esempio, potresti aggiungere le istruzioni alla tua politica sulla privacy o alla pagina delle FAQ.

Una volta fatto ciò, dovrai aprire il menu a discesa ‘Categoria’ e scegliere la categoria che meglio rappresenta come intendi utilizzare l'accesso social sul tuo sito WordPress.

Ad esempio, se stai aggiungendo un accesso Facebook al tuo negozio WooCommerce, allora in genere vorrai fare clic sulla categoria ‘Shopping’.

Una volta fatto ciò, il passaggio successivo consiste nello scegliere un'icona dell'app. Questa icona rappresenterà la tua app nel ‘Centro app’, che è un'area di Facebook dove gli utenti possono trovare nuove applicazioni.

Questo non è particolarmente importante per la nostra app, ma è un requisito, quindi dovrai comunque creare un'icona dell'app.

La tua icona dell'app deve avere uno sfondo trasparente ed essere compresa tra 512 x 512 e 1024 x 1024 pixel. Durante la creazione di questa icona, non puoi utilizzare alcuna variazione dei loghi, marchi o icone di Facebook, inclusi i suoi marchi WhatsApp, Oculus e Instagram.

Inoltre, non puoi includere alcun testo ‘Facebook’ o ‘FB’.

Se non ne hai già uno, puoi facilmente creare un'icona dell'app Facebook dall'aspetto professionale utilizzando un creatore di loghi.

Una volta creata un'icona dell'app, fai clic sulla sezione ‘Icona app’ e seleziona il file immagine che desideri utilizzare.

Dopo tutto ciò, puoi fare clic sul pulsante ‘Salva modifiche’.

Passaggio 5: Vai online e controlla le autorizzazioni dell'app

La tua app Facebook è impostata su privata per impostazione predefinita, il che significa che sei l'unica persona che può accedere tramite Facebook.

Prima che i tuoi visitatori possano creare un account utilizzando Facebook, dovrai rendere la tua app live. Per fare ciò, trova il cursore ‘Modalità app: Sviluppo’ e fai clic su di esso per renderlo live.

Le applicazioni di Facebook possono avere un 'accesso standard' o un 'accesso avanzato' alle informazioni dell'utente. Se la tua app ha accesso standard, i visitatori non potranno accedere utilizzando il login social di Facebook.

In passato, Facebook ha modificato le sue impostazioni di autorizzazione predefinite, quindi vale sempre la pena verificare che la tua app disponga delle autorizzazioni corrette per supportare il login social.

Nel menu a sinistra, navighiamo nella sezione 'Autorizzazione'.

Ora, dovrai esaminare le autorizzazioni 'email' e 'public_profile'.

Per supportare il login social, entrambe queste autorizzazioni devono essere contrassegnate come 'Accesso avanzato' e 'Pronto all'uso', come puoi vedere nell'immagine seguente.

Vedi invece i pulsanti ‘Ottieni accesso avanzato’? Ciò significa che la tua app attualmente non dispone delle autorizzazioni corrette per accedere ai social media.

In questo caso, dovrai fare clic sul pulsante ‘Ottieni accesso avanzato’ e quindi seguire le istruzioni sullo schermo.

Una volta ottenute le autorizzazioni di ‘Accesso avanzato’, procedi e naviga su Impostazioni app » Base dal menu di sinistra.

In cima alla pagina, vedrai un ‘ID app’ e un ‘Segreto app’.

Per rivelare il ‘Segreto app’, fai semplicemente clic sul pulsante ‘Mostra’. Quindi, puoi digitare la password del tuo account Facebook. Il sito web Meta for Developers si aggiornerà ora per mostrare il tuo ‘Segreto app’.

Passaggio 6: Aggiungi ID app e segreto a WordPress

Il passo successivo è aggiungere il ‘Segreto app’ e l’‘ID app’ al tuo plugin Nextend. Per fare ciò, torniamo alla dashboard di WordPress.

Da qui, dovrai andare alla scheda ‘Impostazioni’ e incollare l’ID e il segreto nei campi ‘ID app’ e ‘Segreto app’ nella tua dashboard di WordPress.

Una volta fatto ciò, procedi e fai clic sul pulsante ‘Salva modifiche’.

Prima di andare avanti, è una buona idea verificare che il tuo accesso social sia configurato correttamente. Per fare ciò, fai semplicemente clic sul pulsante ‘Verifica impostazioni’.

Questo aprirà un popup dove puoi digitare il tuo nome utente e password di Facebook. Se hai configurato correttamente l'accesso social, dovresti ora essere connesso al tuo blog WordPress.

Anche se il tuo accesso social funziona, Nextend potrebbe comunque avvisarti che il provider è attualmente disabilitato. Se vedi questo avviso, fai semplicemente clic sul pulsante ‘Abilita’.

Congratulazioni, hai fatto la parte difficile e aggiunto con successo un accesso social al tuo sito web WordPress!

Passaggio 7: Personalizza i tuoi pulsanti di login social

Ora la parte divertente: personalizziamo l'aspetto e il comportamento del pulsante di accesso sul tuo sito.

Per stilizzare il pulsante di accesso social, fai semplicemente clic sulla scheda ‘Pulsanti’. Vedrai quindi tutti i diversi stili che puoi utilizzare.

Per utilizzare uno stile diverso, puoi fare clic per selezionare il suo pulsante radio.

Una volta fatto ciò, puoi modificare il testo ‘Etichetta di accesso’ di questo pulsante per cambiare il testo che Nextend mostra.

Puoi anche applicare una formattazione di base all'etichetta di accesso. Ad esempio, nell'immagine seguente, stiamo applicando un effetto grassetto utilizzando i tag HTML <b> e </b>.

Hai anche la possibilità di cambiare il testo che questo pulsante utilizza per la sua ‘Etichetta link’. Questo è il testo che Nextend mostra quando un visitatore ha creato un account sul tuo sito web ma non ha collegato quell'account a Facebook.

Puoi utilizzare l'etichetta link per incoraggiare gli utenti connessi a collegare i propri account a vari profili di social media.

Per cambiare questo testo, digita semplicemente nel campo ‘Etichetta link’. Ancora una volta, puoi utilizzare l'HTML per applicare una formattazione di base al testo dell'etichetta.

Dovresti anche rendere facile per i visitatori disconnettere i propri profili di social media dal tuo sito web WordPress.

È qui che entra in gioco il campo ‘Etichetta scollega’.

In questo campo, puoi digitare il testo che il tuo sito mostrerà agli utenti connessi che hanno già collegato i propri account social al tuo sito web.

Facendo clic su questo link, gli utenti possono disconnettere il collegamento tra il tuo sito web WordPress e i loro account di social media.

Queste impostazioni dovrebbero essere sufficienti per la maggior parte dei siti web.

Tuttavia, se preferisci creare un pulsante completamente personalizzato, puoi sempre selezionare la casella ‘Usa pulsante personalizzato’. Questo aggiunge una nuova sezione in cui puoi creare il tuo pulsante di accesso social utilizzando il codice.

Quando sei soddisfatto di come hai stilizzato il tuo pulsante, puoi procedere e fare clic sul pulsante ‘Salva modifiche’.

Passaggio 8: Visualizza il pulsante di login social sul tuo sito

Successivamente, dovrai passare alla scheda ‘Utilizzo’.

Nextend mostrerà ora tutti gli shortcode che puoi utilizzare per aggiungere il pulsante di accesso social al tuo sito web WordPress.

Questi shortcode possono creare una serie di pulsanti di accesso. Per creare un pulsante di accesso di base per Facebook, useresti il seguente shortcode:

[nextend_social_login provider=\"facebook\"]

L'immagine seguente mostra un esempio di come apparirà questo pulsante di accesso social sul tuo sito.

Come puoi vedere nella scheda 'Utilizzo', ci sono alcuni parametri aggiuntivi che puoi aggiungere al tuo shortcode. Questo cambierà l'aspetto o il comportamento del pulsante.

Se desideri creare un pulsante di accesso social che non abbia un'etichetta di testo, puoi aggiungere il parametro 'icon', ad esempio [nextend_social_login provider=\"facebook\" style=\"icon\"]

Ecco un esempio di come apparirà questo pulsante sul tuo sito WordPress.

Quando un visitatore accede al tuo sito utilizzando un account social, puoi reindirizzarlo automaticamente a una pagina. Questa schermata contiene un esempio di shortcode che reindirizzerà gli utenti al sito Nextend.

Puoi personalizzare facilmente questo shortcode per reindirizzare i visitatori a una pagina del tuo sito WordPress.

Puoi aggiungere alcuni altri parametri al tuo shortcode. Per vedere l'elenco completo dei parametri, puoi fare clic sul link alla documentazione del plugin.

Dopo aver deciso quale shortcode utilizzare, puoi aggiungere il codice a qualsiasi pagina, post o area pronta per i widget. Per istruzioni passo passo, consulta la nostra guida per principianti su come aggiungere uno shortcode in WordPress.

Tutorial video

Se non sei un fan delle istruzioni scritte, guarda il nostro tutorial video su come aggiungere l'accesso social a WordPress:

Iscriviti a WPBeginner

Domande frequenti sul login social

Ecco alcune domande che vengono poste frequentemente dai nostri lettori sull'aggiunta dell'accesso social al tuo sito WordPress:

Posso scegliere con quali social network gli utenti possono accedere?

Sì, la maggior parte dei plugin di accesso social, incluso Nextend Social Login & Register, ti consente di scegliere quali reti offrire.

Puoi abilitare solo quelli preferiti dal tuo pubblico, come Google e Facebook, e nascondere gli altri. Ad esempio, se ti rivolgi a un pubblico professionale, potresti abilitare LinkedIn, mentre Google e Facebook sono più popolari per gli utenti generici.

Ho bisogno di uno sviluppatore per configurare l'accesso social?

No, puoi farlo da solo senza scrivere codice. La maggior parte dei plugin di accesso social per WordPress sono facili da usare per i principianti e offrono una documentazione dettagliata.

Alcuni plugin sono dotati persino di procedure guidate di configurazione integrate per guidarti nella creazione di chiavi per app da piattaforme come Google o Facebook. Richiede alcuni passaggi aggiuntivi, ma di solito è tutto copia-incolla.

L'aggiunta dell'accesso social rallenterà il mio sito web?

L'aggiunta dell'accesso social non rallenterà il tuo sito web se stai utilizzando un plugin ben codificato.

Strumenti popolari come Nextend Social Login & Register sono ottimizzati per le prestazioni e caricano gli script solo quando necessario.

Tuttavia, è una buona idea monitorare la velocità del tuo sito dopo l'installazione. Se noti ritardi, considera l'utilizzo di plugin per le prestazioni o una soluzione di caching per mantenere il tuo sito veloce.

L'accesso social è sicuro per il mio sito WordPress?

Sì, l'accesso social è sicuro se utilizzi plugin affidabili e li mantieni aggiornati.

Poiché l'accesso è gestito da grandi piattaforme come Google o Facebook, il tuo sito non ha bisogno di archiviare o gestire le password degli utenti.

Tuttavia, ti consigliamo comunque di utilizzare HTTPS e di seguire le migliori pratiche per la sicurezza di WordPress per mantenere tutto sicuro.

Posso consentire l'accesso social su siti WooCommerce o di appartenenza?

Assolutamente! L'accesso social funziona benissimo con WooCommerce, BuddyPress, MemberPress e altri.

Aiuta i clienti e i membri ad accedere rapidamente e riduce l'abbandono del carrello o l'attrito nella registrazione. Molti plugin di accesso social offrono persino integrazioni integrate con plugin popolari, quindi non hai bisogno di configurazioni aggiuntive.

Cosa succede se un utente accede tramite social login e successivamente utilizza l'accesso via email?

Nella maggior parte dei casi, il plugin collegherà automaticamente i loro account.

Ad esempio, se un utente si iscrive con un account Google utilizzando l'email ‘jane.doe@example.com’ e ha già un account utente WordPress con la stessa email, il plugin riconoscerà la corrispondenza e collegherà i due.

Questo impedisce account duplicati. Tuttavia, è sempre una buona idea testare questa funzionalità per vedere esattamente come il tuo plugin la gestisce prima di andare online.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere un accesso social al tuo sito web WordPress. Puoi anche consultare la nostra guida sui migliori plugin per i social media per WordPress o il tutorial su come aggiungere CAPTCHA nei moduli di accesso e registrazione di WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.