Categorie
WordPress

Login Facebook sul tuo sito WordPress

Ricordarsi l’accesso ai tanti siti web è un’impresa titanica. Non vuoi appesantire i tuoi clienti con un’ulteriore password da ricordare. Ora puoi far accedere al tuo sito web con, ad esempio, il login di Facebook.

Il processo di registrazione prevede la scelta di un nome utente e di una password oltre che di una mail di conferma. Il login di Facebook accelera l’iter di acquisizione.

Hai un negozio online che utilizza WordPress con il plugin WooCommerce? Il login Facebook può aiutarti ad aumentare le vendite.

WordPress non fornisce in automatico questa opzione. Per tua fortuna il qui presente Pasquale ha creato una guida passo passo per te.

Come si crea il login Facebook sul tuo sito WordPress?

Facebook negli anni ha migliorato di molto il processo di creazione di un’app per il login sul proprio sito web. Continua a leggere e vedrai con i tuoi occhi.

Installa il plugin gratuito Nextend Social Login

Nextend Social Login
Nextend Social Login

Vai nella tua dashboard e clicca su Plugin>Aggiungi nuovo. Digita nel campo ricerca Nextend Social Login. Ti troverà il plugin dell’immagine qui sopra.

Clicca su Installa ora e poi su Attiva.

Ora posizionati su Impostazioni>Nextend Social Login e clicca sotto al riquadro di Facebook su Getting Started.

Nextend Social Login Settings
Nextend Social Login Settings

Il plugin ti offre una guida passo passo su come attivare il login Facebook, ma è in inglese. Ti consiglio di continuare la lettura della mia guida in italiano e di lasciare la pagina settings aperta.

Crea un account “developer” su Facebook

Facebook per Developers
Facebook per Developers

Vai sul sito per i developer e fai il login con il tuo account Facebook.

Ora clicca su Le mie app e poi su Aggiungi una nuova app.

Crea una nuova app su Facebook per Developers
Crea una nuova app su Facebook per Developers

Inserisci il nome che vuoi dare alla tua app. Sconsiglio l’uso della parola Facebook. Per l’esempio ho utilizzato Login Blog perché mi serve appunto per fare il login nel mio blog attraverso l’account Facebook.

Nell’indirizzo email inserisci la stessa email del tuo account Facebook.

Clicca pure su Crea ID app.

Seleziona nello scenario il login Facebook
Seleziona nello scenario il login Facebook

Ti comparirà la schermata che vedi nell’immagine qui sopra. Seleziona la casella Integra Facebook Login e clicca su Conferma in basso a destra.

Configura l'app su Facebook per Developers
Configura l’app su Facebook per Developers

Inserisci il nome del tuo dominio nel campo Domini app e l’url della tua pagina privacy.

Se non hai ancora una pagina della normativa sulla privacy del tuo sito ti consiglio di utilizzare il servizio Iubenda che ti permette di generare in pochi passi la tua privacy policy e dormire sonni tranquilli.

Vai in fondo e clicca su Aggiungi piattaforma e seleziona Sito Web.

Configura l'app su Facebook per Developers
Configura l’app su Facebook per Developers

Inserisci l’url del tuo sito web.

Clicca su Salva modifiche.

Nextend Social Login Facebook App Settings
Nextend Social Login Facebook App Settings

Torna alla pagina Settings del plugin che vedi nell’immagina qui sopra e copia l’url al punto 11.

Torna al sito di Facebook per Developers e clicca nell’area di sinistra su Facebook Login e poi su Impostazioni.

Completa la configurazione dell'app su Facebook per Developers
Completa la configurazione dell’app su Facebook per Developers

Incolla l’url precedentemente copiato nel campo URI di reindirizzamento OAuth validi.

Clicca su Salva modifiche.

Torna a Impostazioni>Di Base che trovi sempre nell’area di sinistra.

Salva le modifiche

In alto a destra trovi lo Stato su No. In questo modo solo tu puoi utilizzare l’app sul tuo sito. Per renderla disponibile per tutti clicca su No per attivarla. Seleziona la tua categoria e clicca su Conferma e poi su Salva modifiche.

Copia l’ID app.

Configura l’app per il login Facebook sul tuo sito web

Torna alla tua dashboard e clicca sul bottone I am done setting up my Facebook App.

Aggiungi l'app ID e l'app secret sul tuo sito web
Aggiungi l’app ID e l’app secret sul tuo sito web

Inserisci nel campo App ID il numero appena copiato dal sito di Facebook per Developers.

Torna al sito di Facebook e clicca su Mostra del campo Chiave segreta. Inserisci la password del tuo account Facebook e copia il numero che compare.

Ora incolla la chiave segreta nel campo App Secret e clicca su Salva le modifiche.

Fai il test dell'app
Fai il test dell’app

Ci sei quasi. Ti chiede di verificare la configurazione, quindi clicca su Verify Settings.

Segui le indicazioni che sono simili a quando fai il login in altri siti web attraverso il tuo account Facebook.

Attiva l'app per tutti i tuoi visitatori
Attiva l’app per tutti i tuoi visitatori

Il test è andato bene, ma solo tu puoi utilizzare la funzione sul tuo sito. Ti consiglia infatti di cliccare su Enable per renderlo disponibile a tutti.

Clicca su Enable.

Schermata del login Facebook
Schermata del login Facebook

Nei settings del plugin puoi anche personalizzare i testi, quindi tradurre il Continue with Facebook in italiano.

That’s it!

Hai bisogno di una mano? Entra a far parte della mia Community gratuita dove puoi confrontarti con altri blogger come te.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *