Magento Social Loginizer – Manuel de l’utilisateur

Introduction de l’extension de connexion sociale Magento par Knowband:

Magento Social Login Extension par Knowband permet aux utilisateurs de se connecter via leurs comptes sociaux sur 15. Par exemple, Facebook, Google Plus, Twitter, LinkedIn, Live, Yahoo, Instagram et bien d’autres. Le plugin de connexion sociale Magento est conçu pour simplifier les connexions pour les utilisateurs. En intégrant le plugin de connexion sociale sur votre boutique Magento, vous permettez à vos visiteurs de se connecter à votre site Web avec leurs comptes de réseaux sociaux existants.

Étapes pour l’installation de l’extension Magento Social Loginizer:

Matériaux nécessaires:

  • Tous les fichiers utilisés par l’extension.
  • Accès FTP à votre site Web.

Le gestionnaire de connexion est un outil utile pour installer des extensions Magento , mais préfère la méthode pratique lorsqu’il s’agit d’installations. Il se sent plus à l’aise lorsque vous contrôlez personnellement le processus.

Voyez-vous un répertoire de code d’application, qu’en est-il de app-etc-modules? Si vous ne voyez pas ces chemins de répertoire et les fichiers qu’ils contiennent, il est probable que le téléchargement de l’extension soit défectueux. Jetez un oeil au fichier package.xml, c’est le plan utilisé par Magento Connect pour organiser les fichiers dans les bons endroits. Vous devrez peut-être l’utiliser pour vous assurer que tout est comme il se doit. Une fois que vous avez examiné les fichiers d’extension, vous êtes prêt à effectuer la dernière étape. En utilisant votre client ftp, faites glisser tous les fichiers sur la racine du magasin de l’instance magento.

Image 1

Selon le nombre de fichiers dans l’extension Magento par Knowband, cela peut prendre quelques instants. Maintenant, allez dans la console d’administration et cliquez sur Vider le stockage du cache. C’est l’exigence pour toute extension qui ajoute des pages à la console d’administration. Déconnexion et retour est également nécessaire pour s’assurer que tout se charge correctement. Si vous ne parvenez pas à effacer le cache via la console d’administration pour une raison quelconque, vous devrez effacer le cache manuellement via votre client FTP (voir la première question de la FAQ pour obtenir de l’aide). C’est la dernière étape. Félicitations pour une installation réussie.

Dépannage et FAQ

J’ai chargé tous les fichiers sur mon magasin Magento, et maintenant obtenir un écran blanc pour tout ou partie de la console d’administration.

C’est un problème assez courant, et dans 99% des cas c’est lié au cache. Si vous pouvez y accéder, accédez à Système-> Gestion du cache et cliquez sur Vider le stockage du cache. Cela garantira que tout ce qui est mis en cache par Magento est supprimé et sera régénéré. Déconnectez-vous et revenez pour terminer le processus.

Si vous êtes complètement coupé de la console d’administration, accédez au répertoire var-cache de votre site Web. Vous devriez voir une série de répertoires nommés mage *. Supprimez tous ces répertoires (NE PAS SUPPRIMER var-cache). Cela équivaut à vider le stockage de cache de la console d’administration.

Picture2

Je reçois une erreur Magento lors de l’accès à certaines pages. Comment puis-je déboguer cela?

Cette question mérite vraiment un article de blog pour lui-même, mais un bon début serait d’aller dans le répertoire des erreurs de votre magasin. Localisez le fichier local.xml.sample et renommez-le local.xml. La prochaine fois que vous verrez l’erreur, des informations détaillées vous seront fournies expliquant où l’erreur s’est produite. N’oubliez pas de changer cela lorsque vous avez terminé le dépannage!

J’ai une erreur critique avec ma boutique en ligne et j’ai besoin de désactiver une extension Je ne peux pas accéder à la console d’administration. Que fais-je?

Accédez au répertoire app-etc-modules et ouvrez le fichier correspondant à votre extension. La convention de dénomination est généralement DeveloperName_ExtensionName.xml. Dans ce cas, il s’agirait de Velocity_SocialLoginizer.xml.

Picture3

Recherchez les balises actives dans le fichier, modifiez la valeur de true à false et enregistrez vos modifications. Cela indique à Magento que l’extension Magneto est désactivée et ne pas exécuter de code associé. La suppression du cache Magento est recommandée (et très probablement nécessaire) pour que cette modification prenne effet.

Mode d’emploi

Pour l’extension du plugin Magento Social Loginizer, cliquez sur le menu Social Loginizer apparaissant dans le menu de navigation du menu System comme indiqué ci-dessous.

Picture4

Après avoir cliqué sur le menu Social Loginizer, le plugin de connexion sociale Magento de Knowband s’ouvrira. Il contient la barre de navigation en haut, le menu de l’onglet à gauche et dans le contenu principal le premier onglet de réglage général s’affichera.

Picture5

Onglet Paramètres généraux

Réglages généraux:

  • Actif: Pour activer le plugin d’extension de connexion Facebook Magento, sélectionnez Activer présent sous l’étiquette Activer.
  • Afficher à:

Fenêtre de connexion: pour activer la fenêtre de connexion.

Page de paiement : Pour ajouter un plugin de connexion aux médias sociaux Magento sur la page de paiement.

Page de connexion: pour ajouter une barre de connexion sociale sur la page de connexion.

Page d’inscription: Pour ajouter l’extension de connexion sociale Magento sur la page d’inscription.

  • Test du lien contextuel: définissez le texte du lien contextuel de connexion qui s’affiche à côté du lien de connexion par défaut du plugin de connexion sociale Magento.
  • Test de l’en-tête: Définissez le texte de l’en-tête du plugin de connexion aux médias sociaux Magento qui s’affichera sur les pages sélectionnées.
  • Inclure le fichier jQuery: jQuery, c’est-à-dire qu’un framework javascript est requis pour que ce plugin Magento fonctionne. Parfois, les thèmes utilisés dans Magento l’incluent déjà mais parfois ils ne le font pas. Si jquery est déjà inclus dans votre thème, désactivez else activate pour l’inclure.
  • Option Visible par défaut: Sélectionnez le no. des icônes sociales à afficher par défaut sur l’extension de connexion des médias sociaux Magento.

  NOTE: Dans le module de connexion sociale Magento, seules les petites icônes seront visibles et seulement 6 icônes maximum seront visibles.

  • Animer les icônes: Activez cette option pour activer l’effet d’animation sur les icônes de connexion sociale Magento.
  • Icônes de tri: Cette option de connexion aux médias sociaux Magento permet de trier l’ordre des icônes dans lesquelles elles s’afficheront à la barre de connexion et au menu contextuel de connexion.

Onglet Paramètres du login

Dans cet onglet de l’extension de connexion Twitter Magento, vous pouvez enregistrer la clé API et le secret pour chaque site Web social. Il y a une barre latérale énumérant tous les sites Web. Au clic de n’importe quel site Web ses options de configuration correspondantes seront montrées. Au-dessous de l’option il ya un lien du site Web correspondant où vous pouvez créer votre application et obtenir votre identification de client et le secret. Dans les paramètres de chaque site Web, il y aura 4 options:

Paramètres du site Web:

  • Actif: Pour activer le login social Magento, sélectionnez Activer présent sous le libellé Activer.
  • Identifiant de l’application (par exemple pour Facebook: Facebook App Id): Dans ce champ de connexion aux médias sociaux Magento, vous devez entrer votre ID d’application / ID client / ID consommateur fourni par le site Web correspondant
  • App Secret (par exemple pour Facebook: Facebook App Secret): Ce champ d’extension de connexion sociale Magento vous permet d’entrer votre secret d’application / secret client / secret des consommateurs fourni par le site Web correspondant.
  • Sélectionner des icônes: Pour chaque connexion sociale Magento, il existe deux types d’icônes, petites et grandes. Sélectionnez l’une des icônes à afficher dans la barre de connexion sociale.

Picture6

Onglet Rapport:

Dans cet onglet du module de connexion sociale Magento, vous pouvez obtenir des données analytiques graphiques et tabulaires qui vous aideront à analyser. Il y a une option de site Web choisi. Au clic de l’option une liste déroulante répertoriant tous les sites Web affichera les sites Web choisis et cliquera sur le bouton de soumission. Cela créera un graphique pour le site Web sélectionné, représentant le nombre de connexions et d’enregistrements pour chaque site Web sélectionné.

Picture7

Dans le graphique ci-dessous, vous pouvez voir le tableau pour l’analyse du site Web et un autre tableau pour les données d’analyse client. Le tableau d’analyse des sites Web affiche les sites Web, leur nombre total de connexions et d’enregistrements et le tableau d’analyse des clients affiche les détails du client et ses informations de connexion (nombre de connexion et nom du site Web).

Picture8

En haut à droite, il y a le bouton Réinitialiser la base de données. Cette option supprimera toutes les données de connexion et d’enregistrement de la base de données. Cela n’affectera pas votre table de base de données principale. Il effacera les enregistrements uniquement à partir de la table créée par cette extension de connexion de médias sociaux magento.

Comment définir l’URL de redirection?

Laissez votre site Web être www.example.com.

Si Url Rewrite est activé sur votre site Web, l’URL de redirection sera

URL non sécurisée: http://www.example.com/socialloginizer/index/vssSoloApi/

URL sécurisée: https://www.example.com/socialloginizer/index/vssSoloApi/

Si Url Rewrite est désactivé sur votre site Web, l’URL de redirection sera

URL non sécurisée: http://www.example.com/index.php/socialloginizer/index/vssSoloApi/

URL sécurisée: https://www.example.com/index.php/socialloginizer/index/vssSoloApi/

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

Pas:

1. Allez sur le site Facebook Developers ( https://developers.facebook.com ) ou cliquez sur le lien en haut à droite de l’onglet correspondant dans la page de configuration du module.

2. Cliquez sur Applications -> Créer une nouvelle application.

3. Suivez les instructions à l’écran.

4. Vous obtiendrez l’identifiant de l’application et le secret de l’application (cliquez sur le bouton Afficher).

Photo9

5. Maintenant, allez dans Paramètres dans le menu de gauche.

Picture10

6. Cliquez sur le bouton Ajouter une plate-forme.

7. Sélectionnez Site Web.

8. Entrez l’URL de votre domaine et de votre application.

Picture11

Type d’application: Application Web.

Origines JavaScript autorisées: nom de domaine de votre magasin. (http://www.example.com)

9. Cliquez sur le bouton Enregistrer les modifications.

10. Maintenant, allez dans l’onglet Status & Review du menu de gauche et faites l’Application Live.

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

Pas:

1. Accédez à Google Developers Console ( https://code.google.com/apis/console ) ou cliquez sur le lien situé en haut à droite de l’onglet correspondant dans la page de configuration du module.

2. Maintenant, cliquez sur Apps & Auth-> Credentials dans le menu de gauche.

Picture12

3. Cliquez sur le bouton Create New Client ID dans le panneau de droite de l’écran.

4. Remplissez le formulaire pop-up avec les détails ci-dessous:

Type d’application: Application Web.

Origines JavaScript autorisées: nom de domaine de votre magasin. (http://www.example.com)

Picture13

5. Cliquez maintenant sur le bouton Create Client ID pour obtenir votre ID client et la clé secrète du client.

Picture14

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

Pas:

1. Allez sur LinkedIn Developers ( https://www.linkedin.com/secure/developer ) ou cliquez sur le lien en haut à droite de l’onglet correspondant dans la page de configuration du module.

Picture15

2. Cliquez sur Ajouter une nouvelle application.

3. Remplissez le formulaire pour enregistrer une nouvelle application. L’URL du site Web doit être l’URL de votre magasin, par exemple http://www.example.com.

4.Cliquez sur Ajouter une application pour envoyer le formulaire et conserver votre clé API et votre clé secrète en sécurité.

Picture16

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

Pas:

1. Accédez au Centre de développement Microsoft ( https://account.live.com/developers/applications ) ou cliquez sur le lien situé en haut à droite de l’onglet correspondant dans la page de configuration du module.

Picture17

2. Cliquez sur Créer une application.

3. Entrez le nom de l’application et cliquez sur le bouton J’accepte.

Picture18

4. Dans le menu de gauche, sélectionnez Paramètres API.

5. Dans le panneau de droite, activez la sécurité de redirection améliorée, entrez l’URL de la page de redirection de Loginizer (dans les URL de redirection, puis cliquez sur Enregistrer).

Picture19

6. Dans le menu de gauche, cliquez sur Paramètres de l’application et copiez votre ID client et votre secret client.

Picture20

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

Pas:

1. Allez sur Twitter App Management ( https://apps.twitter.com/ ) ou cliquez sur le lien en haut à droite de l’onglet correspondant dans la page de configuration du module.

Picture21

2. Cliquez sur le bouton Créer une nouvelle application.

3. Entrez les détails de l’application comme suit:

Nom de l’application: Nom de votre application.

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

Site Web: l’ URL de votre magasin

URL de rappel : URL de la page de redirection Loginizer de votre magasin.

4. Maintenant, cliquez sur Oui, je suis d’accord, puis sur Créer votre application Twitter.

5. Maintenant, sélectionnez les clés d’API dans le menu sous le nom de votre application et copiez votre clé d’API et votre secret d’API.

Picture22

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

Pas:

1. Allez sur Yahoo Developer Network ( https://developer.apps.yahoo.com/projects ) ou cliquez sur le lien en haut à droite de l’onglet correspondant dans la page de configuration du module.

Picture23

2. Cliquez sur Créer un projet.

3. Remplissez les détails requis selon les instructions. L’URL de votre domicile sera l’URL de votre magasin.

4. Cliquez sur le bouton Créer un projet.

5. Copiez votre clé de consommateur et votre secret de consommateur.

Picture24

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

Pas:

1. Accédez à Amazon Developer Network ( http://login.amazon.com/manageApps ) ou cliquez sur le lien situé en haut à droite de l’onglet correspondant dans la page de configuration du module.

Picture25

2. Cliquez sur Connexion au bouton App Console.

3. Une fois la connexion à App Console terminée, cliquez sur le bouton Enregistrer une nouvelle application en haut à droite de la page et vous serez redirigé vers la page suivante.

Picture26

4. Entrez les détails de la demande comme suit:

Nom: Nom de votre application.

Description: Description de votre application.

URL de l’avis de confidentialité: URL de la politique de confidentialité de votre boutique.

5. Image de logo: Sélectionnez l’image de logo facultative de votre magasin.

6. Cliquez sur le bouton Enregistrer.

Picture27

7. Maintenant, cliquez sur Paramètres Web pour obtenir votre identifiant client et le secret.

8. URL de retour autorisée: URL de la page de redirection Loginizer de votre magasin.

Remarque: Pour activer la connexion Amazon sur votre site Web, votre site Web doit être sécurisé avec HTTPS, sinon le login Amazon ne fonctionnera pas.

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

Pas:

1. Allez sur Instagram Developer Network ( http://instagram.com/developer/clients/manage/ ) ou cliquez sur le lien en haut à droite de l’onglet correspondant dans la page de configuration du module.

2. Cliquez sur le bouton Enregistrer un nouveau client en haut à droite de la page.

Image28

3. Remplissez le formulaire suivant.

Image29

4. Définissez OAuth redirect_uri comme URL de la page de redirection Loginizer de votre magasin. (http://www.example.com/module/socialoginizer/instagram).

5. Cliquez sur le bouton Créer, puis copiez et collez l’ID du client et le secret dans le panneau d’administration du plug-in.

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

Pas:

1. Rendez-vous sur le réseau de développeurs Paypal ( https://developer.paypal.com/webapps/developer/applications/myapps ) ou cliquez sur le lien en haut à droite de l’onglet correspondant dans la page de configuration du module.

2. Cliquez sur le bouton Créer une application.

Picture30

3. Entrez maintenant le nom de votre application et cliquez sur Créer un bouton d’application.

Picture31

4. Définissez l’URL de retour de l’application.

Picture32

5. Copiez et collez les informations d’identification en direct sur le panneau d’administration du plug-in.

Picture33

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

Pas:

Remarque: Pour activer la connexion Dropbox sur votre site Web, votre site Web doit être sécurisé avec HTTPS, sinon le login Dropbox ne fonctionnera pas.

1. Accédez au site Web du développeur Dropbox ( https://www.dropbox.com/developers/apps ) ou cliquez sur le lien situé en bas de l’onglet correspondant dans la page de configuration du module.

2. Cliquez sur le bouton Créer une application et attribuez un nom à Application.

Picture34

Picture35

3. Remplissez les détails, définissez l’URL de redirection et enregistrez les paramètres.

Picture36

4. Copiez et collez la clé et le secret dans le panneau d’administration du plugin.

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

Pas:

1. Allez sur le site Web du développeur WordPress ( https://developer.wordpress.com/apps/ ) ou cliquez sur le lien situé en bas de l’onglet correspondant dans la page de configuration du module.

2. Cliquez sur le bouton Créer une application et attribuez un nom à Application.

Picture37

3. Remplissez les détails et enregistrez l’application.

Image38

4. Copiez et collez les informations d’identification dans la console d’administration de l’extension Magento.

Image39

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

Pas:

1. Allez sur le site web du développeur foursquare ( https://foursquare.com/developers/apps ) ou cliquez sur le lien du bas dans la console d’administration du plugin Magento.

2. Cliquez sur le bouton CREATE NEW APP.

Picture40

3. Remplissez les détails, définissez l’URL de redirection et enregistrez l’application.

Picture41

4. Copiez les informations d’identification dans la console d’administration du plug-in.

Picture42

Module Lien: https://www.knowband.com/magento-social-loginizer

Manuel de l’utilisateur: https://www.knowband.com/blog/user-manual/magento-social-loginizer

Histoires connexes

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *