Facebook connect per e-commerce in Magento

Facebook connect per e-commerce in Magento

Facebook è, in tutto il mondo, il più popolare tra i social network. Riunisce dentro la sua rete un numero altissimo di utenti attivi. Non esiste una vetrina migliore per un e-commerce per farsi conoscere, non solo tramite pagine e gruppi dedicati, ma soprattutto tramite il “tam tam” tra i vari utenti.

Per permettere ai nostri clienti di poter usufruire del bacino di utenza dei social network, il nostro team di sviluppo ha scelto di preinstallare nel pacchetto Hosting Magento il modulo Facebook Connect, disponibile gratuitamente sul Magento Connect. Tale modulo aggiungerà al nostro e-commerce Magento le seguenti funzionalità “social”: pulsante di login tramite Facebook, pulsante “Mi Piace” per esprimere le preferenze sui prodotti e una bacheca con le ultime news dalla nostra pagina.

Vediamo nel dettaglio quali sono i passaggi fondamentali per la configurazione del modulo citato.

Il primo passaggio prevede di creare un’applicazione su Facebook, per cui è necessario andare su developers.facebook.com, e cliccare su Sviluppa per siti.

Sviluppa per siti
Nel menu in cima alla pagina cliccare su Apps e in seguito in alto a destra su Crea applicazione.

Facebook menu developers
Facebook menu crea applicazione
Comparirà un pop-up dove andrà inserito il nome dell’applicazione (es Negozio Login). Non sarà necessario inserire il namespace e nemmeno spuntare la checkbox.

Pop up configurazione
Dopo aver eseguito la verifica CAPTCHA l’applicazione verrà creata: bisognerà ora configurarla inserendo alcuni semplici dati, come per esempio l’indirizzo e-mail di contatto (di default verrà inserita quella di Facebook, ma possiamo cambiarla), scegliere se abilitare la modalità di test (Modalità sandbox) ed soprattutto indicare l’indirizzo internet del negozio online (esempio: http://shop.negozionline.it).

Facebook website login
In questa schermata sono inoltre presenti i codici App ID e App Secret, identificativi delle nostra nuova applicazione.

Facebook dati applicazione
Segnarsi questi due dati, saranno di vitale importanza nella configurazione del backend di Magento per collegare il modulo all’app facebook che stiamo creando. Ora che l’app di Facebook è stata creata, procedere con la configurazione del modulo nel backend di Magento. Andare in Sistema > Configurazione > Facebook Connect e Like Gratis. Verranno visualizzati i menu di configurazione per il Login, il pulsante Mi Piace e le attività recenti.

Analizziamo i menu singolarmente partendo dal menu di configurazione del Login tramite account Facebook. Per prima cosa bisogna inserire le due chiavi App ID e App Secret.

Magento configurazione Login
Da questo menu è possibile abilitare il modulo e cambiare l’immagine del bottone di login con una personalizzata. Il bottone di login sarà presente nel menu in cima al portale e lo troveremo anche nella pagina di login e durante la procedura di checkout, se lo stiamo effettuando come ospiti.

Pulsante login
Oltre a Facebook Connect, il modulo permette di aggiungere il pulsante Mi Piace nella scheda prodotto.

Magento scheda prodotto mi piace
Nel menu di configurazione per il pulsante Mi Piace si hanno a disposizione varie opzioni per modificarne l’aspetto.

Magento configurazione mi piace
Con Visualizza Foto è possibile abilitare la visualizzazione dell’avatar di Facebook vicino al pulsante Mi Piace. Stile Colore e Stile Layout ne modificano lo stile. Larghezza definisce la larghezza del pulsante.

Infine questo modulo permette di pubblicare nel nostro negozio un pannello Attività Recenti che visualizza le attività eseguite dall’account facebook legato all’applicazione creata per questo modulo.

Magento attività homepage
Anche per le Attività Recenti è possibile modificare l’aspetto tramite il menu di configurazione, come per esempio Larghezza, Altezza e Stile del Colore. Inoltre è possibile gestire l’età massima delle attività che vogliamo mostrare.
Infine è possibile decidere se mostrare il titolo del box delle attività e i collegamenti consigliati.

Magento configurazione attività