Social Login

Presentation

Social Login permet a vos clients de creer un compte ou de se connecter en 1 clic via leurs reseaux sociaux preferes : Google, Facebook, Apple, PayPal, Amazon, X (ex Twitter), TikTok et Microsoft. L’objectif est de supprimer une des frictions majeures du e-commerce : l’inscription obligatoire et les formulaires longs. En reduisant les etapes avant l’achat, vous limitez l’abandon de panier et vous augmentez les conversions, notamment sur mobile.

Points forts :

• Connexion / inscription en 1 clic (popup ou redirection)
• Boutons affichables partout (hooks + positions par selecteur CSS)
• Multi-boutique, multilingue, responsive

Contenu base sur la documentation fournie. :contentReference[oaicite:0]{index=0}

Fonctionnalites

Connexion sociale multi-providers

Proposez jusqu’a 8 providers OAuth dans une seule interface. Le module recupere les donnees essentielles (nom, prenom, email, photo selon le provider), puis connecte automatiquement le client. Si l’email existe deja, le compte est lie ; sinon, un compte PrestaShop est cree avec un mot de passe securise envoye par email. Certains providers (TikTok et parfois X) ne fournissent pas l’email : le module affiche alors un formulaire pour le demander.

Positions flexibles (hooks + selecteur CSS)

Affichez les boutons sur les emplacements natifs (login, inscription, panier, checkout, header, footer, etc.) ou injectez-les sur n’importe quelle page via une position personnalisee basee sur un selecteur CSS (classe ou ID). Cette approche rend le module compatible avec pratiquement tous les themes, meme si certains hooks ne sont pas supportes.

Personnalisation et UX

Adaptez l’affichage au design de votre boutique : boutons standard ou mini, arrondi, ombre, espacement, et CSS personnalise global ou par position. Le mode popup est recommande pour une experience plus fluide car le client ne “quitte” pas votre site pendant l’autorisation OAuth.

Installation

1. Telechargez le fichier ZIP depuis votre espace WePresta.
2. Dans le back-office PrestaShop : Modules > Gestionnaire de modules.
3. Cliquez Installer un module et selectionnez le ZIP.
4. Apres installation, le module met en place les elements necessaires : creation des tables, enregistrement des hooks, et positions par defaut (login / checkout).

Premiers pas (recommande)

1. Activez au moins un provider (ex : Google).
2. Renseignez les cles API (Client ID / Secret ou equivalents).
3. Verifiez les positions actives (login activee par defaut).
4. Videz le cache si besoin : Parametres avances > Performances > Vider le cache.

Configuration

Parametres generaux

• Activer Social Login : active/desactive l’affichage global.
• Mode de connexion : popup (recommande) ou redirection.
• Groupe client par defaut : groupe assigne aux nouveaux comptes crees via social login.
• Page Mon compte : active la gestion des liaisons sociales cote client.
• Code promo de bienvenue : activez la creation automatique, choisissez type/valeur et prefixe.

Providers (cles API + callbacks)

Chaque provider necessite une application creee sur sa plateforme developpeur et une URL de callback a copier-coller. Le module propose un bouton de test de connexion et permet de reordonner l’affichage par glisser-deposer.

Providers disponibles :

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

Prerequis notables :

• HTTPS obligatoire (OAuth)
• Apple : compte Apple Developer + fichier .p8
• PayPal : validation pour recuperer l’adresse (si vous voulez l’autoremplissage)

Positions

Deux types :

• Positions hooks : emplacements standards PrestaShop (login, inscription, panier, checkout…)
• Positions personnalisees : ciblage d’un element HTML via selecteur CSS, avec placement au-dessus / en dessous

Pour chaque position, vous pouvez definir :

• Les providers a afficher
• La taille (standard/mini)
• Un CSS specifique a la position

Apparence

Controlez la coherence graphique sur tout le site :

• Arrondi (0 a 25px)
• Ombre portee
• CSS personnalise global
• Apercu en direct pour visualiser les changements

Prerequis

• PrestaShop 8.0 a 9.x
• PHP 8.1+
• Certificat SSL actif (HTTPS obligatoire) pour les connexions OAuth

Compatibilite

Themes supportes

• Classic (PS 8) : compatible
• Hummingbird (PS 9) : compatible
• Themes tiers : compatible via positions personnalisees (selecteur CSS)

Modules et tunnel de commande

Le module est concu pour fonctionner avec le checkout standard et n’interfere pas avec les etapes de commande. Les boutons peuvent etre places sur la premiere etape du tunnel afin de maximiser l’impact conversion.

FAQ

Le module est-il compatible avec mon theme ?

Oui. Meme si votre theme ne supporte pas certains hooks, vous pouvez afficher les boutons via des positions personnalisees en ciblant un element HTML avec un selecteur CSS.

Les boutons ne s’affichent pas, que verifier ?

Verifiez que le module est actif, qu’au moins un provider est active avec des cles valides, et qu’au moins une position est active. Ensuite, videz le cache PrestaShop.

Que faire si j’ai une erreur “Invalid redirect URI” ?

L’URL de callback configuree sur la plateforme du provider ne correspond pas exactement a celle affichee dans le module. Copiez-collez l’URL de callback sans modification.

TikTok ou X ne renvoie pas l’email, comment ca se passe ?

Le module affiche un formulaire demandant l’email pour finaliser la creation de compte et lier correctement l’identite sociale.

PayPal peut-il recuperer l’adresse automatiquement ?

Oui, si votre application PayPal est validee pour acceder aux donnees d’adresse. Dans ce cas, l’adresse de livraison/facturation peut etre ajoutee au compte PrestaShop sans saisie.

Support

Contactez-nous via votre espace client WePresta ou par email.

Changelog

Version 1.0.0

• Version initiale (connexion sociale multi-providers, positions, apparence, statistiques, multi-boutique et multilingue)