Social Login

Presentazione

Social Login consente ai tuoi clienti di creare un account o accedere in 1 clic tramite i principali provider social: Google, Facebook, Apple, PayPal, Amazon, X (ex Twitter) e Microsoft. L’obiettivo è eliminare una delle maggiori frizioni dell’e-commerce: registrazione obbligatoria e moduli lunghi. Riducendo i passaggi prima dell’acquisto, diminuisci l’abbandono del carrello e aumenti le conversioni, soprattutto da mobile.

Punti di forza:

• Login / registrazione in 1 clic (popup o reindirizzamento)
• Pulsanti inseribili ovunque (hook + posizionamento con selettore CSS)
• Multi-store, multi-lingua, responsive

Funzionalita

Accesso social multi-provider

Offri fino a 8 provider OAuth da un’unica interfaccia. Il modulo recupera i dati essenziali (nome, cognome, email, foto profilo a seconda del provider) e autentica automaticamente l’utente. Se l’email esiste gia, l’account viene collegato; altrimenti viene creato un account PrestaShop e una password sicura viene inviata via email. Alcuni provider (TikTok e talvolta X) potrebbero non fornire l’email: in quel caso il modulo mostra un modulo per richiederla e completare la registrazione.

Posizionamento flessibile (hook + selettore CSS)

Mostra i pulsanti nelle posizioni native (login, registrazione, carrello, checkout, header, footer, ecc.) oppure inseriscili in qualsiasi pagina tramite una posizione personalizzata basata su un selettore CSS (classe o ID). Questo rende il modulo compatibile con praticamente qualunque tema, anche quando alcuni hook non sono supportati.

Personalizzazione e UX

Adatta l’aspetto al design del tuo shop: pulsanti standard o mini, raggio angoli, ombra, spaziatura e CSS personalizzato globale o per singola posizione. La modalita popup e consigliata per un’esperienza piu fluida, perché il cliente non “abbandona” davvero il sito durante l’autorizzazione OAuth.

Installazione

1. Scarica il file ZIP dal tuo account WePresta.
2. Nel back office PrestaShop: Moduli > Gestione moduli.
3. Clicca Carica un modulo e seleziona il file ZIP.
4. Dopo l’installazione, il modulo configura gli elementi necessari: tabelle database, registrazione hook e posizioni predefinite (login / checkout).

Primo avvio (consigliato)

1. Abilita almeno un provider (es. Google).
2. Inserisci le chiavi API (Client ID / Secret o equivalenti).
3. Verifica che almeno una posizione sia attiva (login attivo di default).
4. Se necessario, svuota la cache: Parametri avanzati > Prestazioni > Svuota cache.

Configurazione

Impostazioni generali

• Abilita Social Login: attiva/disattiva globalmente.
• Modalita di accesso: popup (consigliata) o reindirizzamento.
• Gruppo clienti predefinito: gruppo assegnato ai nuovi account creati.
• Pagina Il mio account: abilita la gestione dei collegamenti social lato cliente.
• Coupon di benvenuto: abilita la creazione automatica, scegli tipo/valore e prefisso.

Provider (chiavi API + callback)

Ogni provider richiede la creazione di un’app nel portale sviluppatori e una URL di callback da copiare/incollare. Il modulo include un pulsante di test connessione e permette di ordinare i provider con drag-and-drop.

Provider disponibili:

• Facebook, Google, Apple, PayPal, Amazon, X, TikTok, Microsoft

Requisiti importanti:

• HTTPS obbligatorio (OAuth)
• Apple: account Apple Developer + chiave .p8
• PayPal: approvazione necessaria per recuperare l’indirizzo (se vuoi l’autocompilazione)

Posizioni

Due tipologie:

• Posizioni tramite hook: punti standard (login, registrazione, carrello, checkout…)
• Posizioni personalizzate: targeting di un elemento HTML via selettore CSS, posizionamento sopra/sotto

Per ogni posizione puoi definire:

• Provider da mostrare
• Dimensione (standard/mini)
• CSS specifico per posizione

Aspetto

Controlla la coerenza grafica globale:

• Raggio angoli (0 a 25px)
• Ombra
• CSS personalizzato globale
• Anteprima live per verificare le modifiche

Prerequisiti

• PrestaShop 8.0 fino a 9.x
• PHP 8.1+
• SSL attivo (HTTPS obbligatorio) per OAuth

Compatibilita

Temi supportati

• Classic (PS 8): supportato
• Hummingbird (PS 9): supportato
• Temi di terze parti: supportati tramite posizioni personalizzate con selettore CSS

Checkout e flusso ordine

Il modulo e progettato per funzionare con il checkout standard e non interferisce con i passaggi dell’ordine. Puoi posizionare i pulsanti nella prima fase del checkout per massimizzare l’impatto sulle conversioni.

FAQ

Il modulo e compatibile con il mio tema?

Si. Anche se il tema non supporta alcuni hook, puoi mostrare i pulsanti usando posizioni personalizzate, puntando un elemento HTML con un selettore CSS.

I pulsanti non compaiono: cosa verificare?

Assicurati che il modulo sia attivo, che almeno un provider sia abilitato con chiavi valide e che almeno una posizione sia attiva. Poi svuota la cache di PrestaShop.

Errore “Invalid redirect URI”: come risolvere?

La URL di callback configurata nel portale del provider non corrisponde esattamente a quella mostrata nel modulo. Copia/incolla la URL di callback esattamente come indicato.

TikTok o X non forniscono l’email: cosa succede?

Il modulo chiede al cliente di inserire un indirizzo email per completare la creazione dell’account e collegare correttamente l’identita social.

PayPal puo autocompilare l’indirizzo?

Si, se la tua app PayPal e approvata per accedere ai dati dell’indirizzo. In tal caso l’indirizzo di spedizione/fatturazione puo essere aggiunto all’account PrestaShop senza inserimento manuale.

Changelog

Versione 1.0.0

• Versione iniziale (social login multi-provider, posizioni, aspetto, statistiche, multi-store e multi-lingua)