Knowband Blog | Ecommerce Modules

Module de connexion sociale PrestaShop – Manuel de l’utilisateur

Joe Parker

Module de connexion Prestashop Social par Knowband?allows your customers to register and login to your Prestashop store by using their social accounts from 14 social networks such as Facebook, Google Plus, Twitter, Instagram, Foursquare, Live, WordPress etc. This social login Prestashop module not only enhances your user’s experience but also increases sales and conversions..

Pourquoi utiliser ce plugin de connexion aux médias sociaux Prestashop?

Étapes d’installation du plug-in de connexion Prestashop Social Media:

Module Admin du module Prestashop de connexion sociale

Ici, le propriétaire du magasin peut modifier les différents paramètres de ce module de connexion Twitter Prestashop par Knowband selon les exigences, qui seront reflétées à la fois sur le front-end et dans le panneau d’administration du plug-in de connexion Facebook Prestashop. Après avoir installé le module Prestashop de connexion sociale dans la boutique, ce plugin Prestashop fournira les onglets suivants dans l’interface:? Paramètres généraux

Chaque onglet est expliqué ci-dessous.

Configuration générale du plugin de connexion sociale Prestashop:

En cliquant sur le lien de configuration sur la page de liste des modules (le lien de configuration apparaîtra automatiquement une fois que vous aurez installé le plugin), le système ouvrira l’onglet des paramètres généraux du plugin de connexion Prestashop google + par défaut comme indiqué dans la capture d’écran ci-dessous: [id de légende = “pièce jointe_27080 “align =” aligncenter “width =” 648 “] Module de connexion Facebook Prestashop [/ caption]

Initialement, les champs du formulaire ci-dessus seront déjà renseignés avec leurs valeurs par défaut.

Paramètres d’icône personnalisés de ce module d’options de connexion sociale:

Dans les paramètres d’icônes personnalisées, le marchand de la boutique en ligne peut gérer l’apparence des icônes de connexion sociale. Il y aura une liste de mises en page qui peuvent être ajoutées, mises à jour et supprimées à tout moment selon les exigences. La liste est présentée ci-dessous:

Il existe plusieurs options de personnalisation, comme indiqué ci-dessous:

Statistiques du module de connexion sociale Prestashop

Ce champ du module de connexion Twitter Prestashop permet au propriétaire du magasin de visualiser le rapport des utilisateurs connectés et enregistrés sous forme graphique et tabulaire. (Que ce soit la connexion sociale ou la connexion avec l’identifiant e-mail et le mot de passe)

Paramètres Facebook:

Dans cet onglet du module de connexion Facebook de Prestashop, l’administrateur peut activer / désactiver la connexion Facebook à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Facebook dans la console du développeur respectif.

Paramètres Google Plus:

Cet onglet du plug-in de connexion PrestaShop google + permet à l’administrateur d’activer / désactiver la connexion Google Plus à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Google Plus dans la console du développeur respectif.

Paramètres Instagram:

Cet onglet du module d’options de connexion Prestashop Social fournit une option pour afficher l’option de connexion / inscription Instagram sur l’interface frontale du site Web. Le commerçant de la boutique en ligne peut entrer ces détails mentionnés ci-dessous et enregistrer les paramètres pour afficher l’option de connexion / inscription Instagram sur le site Web.

Ces détails seront facilement disponibles une fois que vous aurez créé une application Instagram dans la console du développeur respectif.

Paramètres en direct:

Dans cet onglet du plugin de connexion aux médias sociaux de Prestashop, l’administrateur peut activer / désactiver la connexion en direct à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Windows Live dans la console du développeur respectif

Paramètres LinkedIn:

Dans cet onglet de l’extension de connexion sociale Prestashop par Knowband, l’administrateur peut activer / désactiver la connexion Linkedin à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application LinkedIn dans la console du développeur respectif. Pour la configuration, l’administrateur doit suivre ces étapes:

Paramètres Twitter:

Cet onglet du plugin de connexion aux médias sociaux de Prestashop permet à l’administrateur d’activer / désactiver la connexion Twitter à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Twitter dans la console du développeur respectif.

Paramètres Yahoo:

Dans cet onglet du plugin Prestashop de connexion aux médias sociaux, l’administrateur peut activer / désactiver la connexion Yahoo à la fin. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Yahoo dans la console de développeur correspondante.

Paramètres Amazon:

Dans cet onglet du plugin de connexion sociale Prestashop, l’administrateur peut activer / désactiver la connexion Amazon à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Amazon dans la console de développeur respective.

Paramètres Paypal:

Dans cet onglet de l’addon de connexion PrestaShop google +, l’administrateur peut activer / désactiver la connexion Paypal à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Paypal dans la console du développeur respectif.

Paramètres Foursquare:

Cet onglet du plugin de connexion sociale Knowband Prestashop permet à l’administrateur d’activer / désactiver la connexion Foursquare à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Foursquare dans la console du développeur respectif.

Paramètres Github:

Dans cet onglet du module de connexion aux médias sociaux de Prestashop, l’administrateur peut activer / désactiver la connexion Github à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Github dans la console du développeur respectif.

Paramètres Disqus:

Dans cet onglet du plug-in de connexion aux médias sociaux de Prestashop, l’administrateur peut activer / désactiver la connexion Disqus à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Disqus dans la console du développeur respectif.

Paramètres Vkontakte:

Dans cet onglet du plug-in de connexion sociale Prestashop par Knowband, l’administrateur peut activer / désactiver la connexion Vkontakte à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Vkontakte dans la console du développeur respectif.

Paramètres WordPress:

Cet onglet du module de connexion sociale Prestashop permet à l’administrateur d’activer / désactiver la connexion WordPress à l’extrémité avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application WordPress dans la console du développeur respectif.

Paramètres de Dropbox:

Dans cet onglet du module de connexion Facebook de Prestashop, l’administrateur peut activer / désactiver la connexion Dropbox à l’avant. Remplissez les détails et cliquez sur l’option «Enregistrer». Les champs suivants sont obligatoires:

Les valeurs de champ ci-dessus seront disponibles une fois que vous aurez créé une application Dropbox dans la console du développeur respectif.

FAQ:

Cet onglet du module Prestashop de connexion sociale contient plusieurs questions (avec des réponses) qui sont posées par nos clients. Nous vous recommandons de parcourir les questions avant de lever un ticket pour ce plugin de connexion Facebook Prestashop.

Suggestions:

Dans le cas où vous souhaitez donner des suggestions pour que de nouvelles fonctionnalités soient incluses dans la nouvelle version de ce plug-in de connexion Prestashop Google+, vous pouvez utiliser cet onglet.

Autres plugins:

Cet onglet redirige vers notre page développeur ayant la liste des autres plugins développés par nous. Si vous aimez ce plugin de connexion aux médias sociaux Prestashop, vous pouvez également essayer nos autres plugins Prestashop.

Module de connexion sociale Front End Prestashop:

En bas de page, les clients peuvent afficher les options de connexion sociale comme indiqué ci-dessous:

?

À l’avant de ce plugin de connexion sociale Prestashop, les clients peuvent voir les boutons de connexion sociale près de l’option “ Connexion ”, car nous avons défini le petit bouton dans l’en-tête du site Web. Ci-dessous est la capture d’écran du même:

Fonctionnalité des codes courts

Dans le cas où vous souhaitez afficher les boutons de connexion sociale ailleurs où le module n’a pas accès. Il existe donc une fonctionnalité de code court qui vous permet d’afficher les boutons de connexion sociale n’importe où dans votre site. Pour ce faire, il vous suffit de mettre une ligne de code dans votre fichier tpl respectif en conséquence. La ligne de code est donnée ci-dessous:

Code pour afficher la petite icône:
hook h = ‘customLoginizerShortCodeHook’ size = ‘small’

Code pour afficher une grande icône:
hook h = ‘customLoginizerShortCodeHook’ size = ‘large’

Recommandations: –

Actualisez la page d’accueil de votre boutique chaque fois que vous activez / désactivez le plugin Prestashop de connexion aux réseaux sociaux. Si le plugin de connexion sociale Prestashop ne fonctionne pas après l’installation, veuillez vérifier les autorisations sur le dossier des modules. Le dossier doit être accessible en écriture. Veuillez accorder l’autorisation de dossier au 755.

Comment obtenir les détails de l’application Facebook?

L’application Facebook peut être créée en suivant les étapes ci-dessous: –

Étape 1 :?Go to given?URL: https://developers.facebook.com/apps/

Étape 2 :?Click on the “Add a New App” button.

Étape 3 & 4:?Enter your App name and email id, then click on “Create App ID” button.

Étape 5 & 6:?After clicking on Create App ID you will have to?go through a security check as shown:

Étape 7 :?Click on “Setting” tab.

Étape 8-13:?Two options will be available in the? dropdown, Basic and Advanced, click on “Basic”. And then enter your “App Domain”,?”Contact Email”, “Privacy? URL”, “Terms and Conditions? URL”, “Add Logo”, “Select Category” and click on the “Save Changes” button.

Domaines d’applications:

votredomaine.com estcorrect

votredomaine.com/store estincorrect

www.domaine.com estincorrect

Étape 14 :?Now click on “+Add Platform”.

Étape 15:Et sélectionnez le site Web comme plate-forme

Étape 16 :?Now Enter your site URL.

Étape 17 & 18:?Click on “Products+” and select Facebook login.

Étape 19:Sélectionnez Web comme plate-forme pour l’application.

Étape 20 :?Now click on save.

Étape 21 & 22:Cliquez sur Paramètres et ajoutez un URI de redirection OAuth valide.

URI de redirection OAuth valides:

https://www.yourstore.com/module/socialloginizer/facebook

Étape 23 & 24:Cliquez sur “App Review”. Et

Dernière étape:Copiez l’ID de l’application et le secret de l’application, puis collez-les dans les champs fournis dans le module.

Comment obtenir les détails de l’application Google?

Type d’application: Application Web.

Origines JavaScript autorisées: nom de domaine de votre boutique (https://www.yourstore.com).

URI de redirection autorisée ou URI de la page de redirection de Loginizer:

Dans le cas où vous utilisez l’URL SEO Friendly pour votre boutique, utilisez ceci –

https://www.yourstore.com/module/socialloginizer/google

Sinon, utilisez ceci –

https://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=google

Comment obtenir les détails de l’application LinkedIn?

Dans le cas où vous utilisez l’URL SEO Friendly pour votre boutique, utilisez ceci –

https://www.yourstore.com/module/socialloginizer/linkedin

Sinon, utilisez ceci –

https://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=linkedin

Comment obtenir les détails de l’application en direct?

https://www.yourstore.com/module/socialloginizer/live

Dans le domaine cible, entrez votre nom de domaine (exemple: – https://www.yourstore.com)

Comment obtenir les détails de l’application Twitter?

Nom de l’application: nom de votre application.

Description: 10 à 200 caractères description de votre application.

Site Web: URL de votre boutique.

Si vous utilisez une URL conviviale pour votre boutique, utilisez-la pour rediriger l’URL –

https://www.yourstore.com/module/socialloginizer/twitter

Sinon, utilisez ceci –

https://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=twitter

Comment obtenir les détails de l’application Yahoo?

Si vous utilisez une URL conviviale pour le référencement, utilisez-la pour le domaine de rappel:

https://www.yourstore.com/module/socialloginizer/yahoo

Sinon, utilisez ceci –

https://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=yahoo

Comment obtenir les détails de l’application Amazon?

Nom: Nom de votre application.

Description: Description de votre application.

Avis de confidentialité URL: URL de la page de la politique de confidentialité de votre magasin.

Si vous utilisez une URL conviviale pour votre boutique, utilisez-la pour rediriger l’URL –

https://www.yourstore.com/module/socialloginizer/amazon

Sinon, utilisez ceci –

https://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=amazon

Note : Pour permettre à Amazon de se connecter à votre site Web, votre site Web doit être sécurisé avec HTTPS sinon, la connexion Amazon ne fonctionnera pas.

Comment obtenir les détails de l’application Paypal?

Si vous utilisez une URL conviviale pour votre boutique, utilisez-la pour rediriger l’URL –

https://www.yourstore.com/module/socialloginizer/paypal

Sinon, utilisez ceci –

https://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=paypal

Trouvez plus de détails sur ce plugin de connexion aux médias sociaux Prestashop ci-dessous:

Lien vers le module de connexion sociale Prestashop: https://www.knowband.com/prestashop-social-loginizer

Démo d’administration du module de connexion sociale Prestashop: https://ps.knowband.com/demo1/16/admin1/index.php?controller=AdminLogin&token=aea1bb3fb1bab860c86c4db00ce5949e&redirect=AdminModules&demo_lang=en

Démonstration avant du module de connexion sociale Prestashop: https://ps.knowband.com/demo1/16/en/

Regardez comment fonctionne le module de connexion sociale Prestashop:

Obtenez ce module de connexion sociale Prestashop sur Addon Store également.

“Aussi, explorez plus Plugins Prestashop pour votre site Web Prestashop “.

Cela vous intéresserait aussi: