Social Connect (Google, Facebook, PayPal, Amazon) – PrestaShop

⚠️ Ce module n'est pas disponible à l'heure actuelle.

Le module Social Connect, développé par PrestaShop, vous permet d’afficher des boutons de connexion via différents réseaux sociaux sur votre boutique. Ce module est idéal pour faire gagner du temps à vos clients lors des formulaires de votre boutique ce qui facilite leurs achats. Il boostera votre taux de conversion en identifiant directement vos clients et en les connectant via leurs réseaux sociaux préférés ! Retrouvez ci-dessous toutes les informations nécessaires à la compréhension et l’utilisation de ce module.

Paramètres Généraux

Dans cet onglet, vous pourrez, dans un premier temps, configurer l’apparence de vos boutons Social Login. Vous pourrez d’abord choisir leur style : afficher seulement leur contour ou les remplir entièrement et personnaliser l’arrondi de leurs bords.

Puis, vous pourrez choisir l’alignement du logo et du texte à l’intérieur de chacun de vos boutons : au centre ou à gauche.

Enfin, vous choisirez l’effet que vous souhaitez ajouter à vos boutons au passage de la souris : une ombre qui donne l’illusion de les surélever, survoler vos boutons aux couleurs des réseaux sociaux ou rester sobre en rendant vos boutons noir et blanc.

Vous pourrez également, à tout moment, voir le rendu de vos configurations à l’aide d’une prévisualisation sur la droite de votre écran.

Notez toutefois qu’il ne s’agit pas exactement du rendu final des boutons sociaux. En effet, l’affichage dépendra des réseaux sociaux que vous aurez activés et configurés dans l’onglet Réseaux Sociaux. Si vous souhaitez connaître précisément l’apparence de vos boutons, cliquez sur le bouton en haut à droite de votre back-office “Voir ma boutique”, après avoir configuré certains réseaux sociaux. Dans ce même onglet, vous aurez la possibilité de choisir d’associer ces nouvelles connexions à votre boutique, via les réseaux sociaux, à un groupe de client spécifique.

Le module reprend les groupes de clients déjà existants dans votre back-office. Pour créer un tout nouveau groupe, spécifique à ce module, il faut: Une fois vos choix adoptés, n’oubliez pas de sauvegarder vos configurations et passez à Aller dans le menu Paramètres de la boutique de votre back-office,

Cliquer sur le sous-menu Clients,
Appuyer sur le bouton + en haut à droite de votre page pour ajouter un nouveau groupe de clients,
Nommer votre groupe et sauvegarder.
Votre nouveau groupe est maintenant créé. Vous pouvez le retrouver dans le menu déroulant Groupes du module Social Login.

Réseaux sociaux

Dans cet onglet, il vous sera demandé de lier votre boutique aux différentes API des réseaux sociaux que propose le module Social Login. Vous pourrez activer ou désactiver l’affichage de vos Social Login sur les différends formulaires de votre boutique à tout moment.

Pour chaque réseau social, un tutoriel sera mis à votre disposition pour faciliter la génération de clés nécessaires à l’utilisation du module Social Login. Ces clés permettent de connecter votre boutique à l’API de chaque réseau social et d’afficher vos Social Login. Selon les réseaux, vous devrez renseigner soit la clé de votre site, soit la clé secrète, soit les deux, qui vous seront générées par les différentes plateformes des réseaux sociaux. Comment générer ces clés connectant ma boutique aux différentes plateformes des réseaux ?

Pour Facebook

Allez sur https://developers.facebook.com/ et connectez-vous avec votre compte Facebook.
Allez dans Mes applications > Ajouter une nouvelle app.
Nommez votre app, renseignez votre adresse email et sauvegardez en cliquant sur Créer un ID d’app.
Vous êtes redirigé. Allez dans le menu de gauche Paramètres > Général. Remplissez le formulaire en renseignant toutes vos informations. Attention : votre boutique doit être en https pour être validée par Facebook.
Retournez dans le menu de gauche et allez dans Produits.
Sélectionnez le produit Facebook Login et cliquez sur Configurer.
Retournez dans le menu de gauche Produits > Facebook Login > Paramètres puis ajouter votre URL de redirection dans Paramètres OAuth clients. Sauvegardez.
Votre app est bien configurée. Retournez dans Paramètres > Général et copiez-collez votre Identifiant de l’app et votre Clé secrète dans le module.
Votre Social Login Facebook est fonctionnel.

Pour Paypal

Allez sur https://developer.paypal.com/ et connectez-vous avec votre compte Paypal.
Cliquez sur Log into Dashboard en haut à droite.
Vous êtes dans My Apps & Credentials. Allez dans la partie REST API apps et cliquez sur Create App.
Nommez votre app et cliquez de nouveau sur Create App.
Passez votre app en mode Live.
Dans LIVE APP SETTINGS > Live Return URL cliquez sur Show et renseignez votre URL de redirection (copiez-collez celle générée par le module Social Login) dans le champ Live Return URL.
In App feature options, cochez Connect with Paypal et cliquez sur Advanced options et prenez connaissance des informations demandées par Paypal pour utiliser les données de ses utilisateurs. Envoyez un mail à help-loginappreview@paypal.com contenant les éléments suivants :

Le Client ID de votre app.
La description de votre app avec screenshots à l’appui ou URL de votre site avec une explication brève de l’utilité de votre app/site.
Détaillez comment votre app utilisera la fonctionnalité Connect with Paypal.
Lister les attributs que vous souhaitez activer.
Décrivez comment vous allez utiliser chaque attribut et quel sera le bénéfice pour votre utilisateur et pourquoi cette fonctionnalité est nécessaire à votre app.

Lorsque votre compte est validé par Paypal, compter entre 7 à 10 jours, sélectionnez Full name et Email dans App feature options
Sauvegardez. Votre app sera donc fonctionnelle avec Social Login.

Pour Google

Allez sur https://developers.google.com/identity/sign-in/web/sign-in et connectez vous avec votre compte Google.
Cliquez sur CONFIGURE A PROJECT.
Nommez votre projet et votre produit puis sélectionnez Web browser à la question Where are you calling from?
Dans Authorized Javascript Origin renseignez votre nom de domaine.
Votre Client ID est généré. Copiez-collez la dans le module Social Login sans le .apps.googleusercontent.com.

Pour Amazon

Allez sur https://developer.amazon.com/ et connectez-vous avec votre compte Amazon.
Cliquez dans le menu sur Login with Amazon.
Complétez le formulaire avec vos informations et sauvegardez.
Vous êtes redirigé. Cliquez sur l'icône dans la partie Manage et choisissez Web Settings.
Cliquez sur Edit et complétez les champs Allowed origins et Allowed Return URLs.
Copiez-collez votre Client ID et reportez-le dans le module Social Login.

Statistiques

Dans cette partie du module, vous aurez accès aux statistiques de vos boutons Social Login. A tout moment, vous pourrez analyser et voir l’évolution de vos boutons.

Combien de connexions via Social Login le module a-t-il généré ?

Combien de créations de compte via Social Login le module a-t-il généré ?

Vous pourrez également accéder au rapport entre le nombre de créations via Social Login et le nombre de créations totales sur votre boutique.