OpenCart sociale Loginizer – Manuel de l’utilisateur

Comment installer OpenCart Social Connexion plug – in sur votre serveur

1. Structure des dossiers du dossier de plug-in page Landing Creator.

16

2. Ouvrez le dossier de téléchargement et vous trouverez la structure du dossier suivant:

17
Vous devez avoir installé VQMOD pour que cela fonctionne plug-in. Si VQMOD n’est pas installé et installer s’il vous plaît télécharger à partir Theurl ci – dessous:
http://code.google.com/p/vqmod/

3. Sélectionnez tout le dossier et faites-les glisser dans le répertoire racine de votre magasin OpenCart par FTP.

4. Vous pourrez trouver le plug-in prêt à être installé dans les modules dans votre magasin OpenCart comme indiqué ci-dessous.

18

5. Cliquez sur le lien Installer pour installer le plug-in. Cela permettra également d’ ajouter une option de menu déroulant dans la barre de menu qui liste tous les plug-ins par Velocity installé sur votre magasin pour une navigation rapide. Cette baisse vers le bas a également une boîte de message, à l’ aide que nous pouvons vous informer sur le nouveau lancé plug-in ou
nouvelle mise à jour.

19

6. Supprimez les fichiers Vqcache du dossier vqmod / vqcache.

7. Pour accéder plug-in Social Loginizer cliquez sur le bouton Modifier dans la section du module comme indiqué ci-dessous:

20
8. En cliquant sur le bouton modifier le module de plug-in ouvert. Il contient la barre de navigation en haut, le menu à gauche et le contenu principal au centre, comme indiqué ci-dessous.

21

1. onglet Paramètres généraux

1. Pour activer / désactiver le plug-in, mettez le bouton d’activation OFF ON / ON OFF c’est juste à droite de Activer / Désactiver l’étiquette.

2. Boutons de glisser et de connexion drop pour changer leur ordre de tri.

3. Cliquez sur le bouton Ajouter un module ajouter et appeler ce plug-in à une page de mise en page particulière.

2. onglet Paramètres Facebook

Le Facebook onglet Paramètres a des préférences de connexion Facebook comme:
1. Activer / Désactiver: Vous pouvez afficher ou masquer connexion Facebook en activant ou désactivant d’ici.

2.Facebook App ID: Le Facebook App-ID fournie par https://www.developers.facebook.com (SeeAppendix Comment obtenir des détails Facebook App).

3. Facebook App secret: Le Facebook App-Secret (voir l’annexe Comment obtenir des détails Facebook App).

4. Facebook Taille du bouton: le bouton de connexion Facebook disponible en deux tailles une petite et une grande. Vous pouvez choisir l’un d’entre eux.

22

3. onglet Paramètres Google Plus

Le Google Plus onglet Paramètres a des préférences de connexion Google+ comme:
1. Activer / Désactiver: Pour activer ou désactiver le Google plus Connexion.

2. Google ID client: Google Client ainsi que l’ID. (Voir annexe Comment obtenir des détails Google App).

3. Google client secret: Le Google plus le client secret. (Voir annexe Comment obtenir des détails Google App).

4. Bouton Google Taille: Le bouton de connexion Google disponible en deux tailles une petite et une grande. Vous pouvez choisir l’un d’entre eux.

23

4. onglet Paramètres LinkedIn

La LinkedIn onglet Paramètres de connexion a des préférences LinkedIn:
1. Activer / Désactiver: Pour activer ou désactiver le login LinkedIn.

2. LinkedIn ID client: Le client-ID LinkedIn. (Voir annexe Comment obtenir des détails sur LinkedIn App).

3. LinkedIn client secret: Le client LinkedIn-Secret. (Voir annexe Comment obtenir des détails sur LinkedIn App).

4. LinkedIn Taille du bouton: le bouton de connexion LinkedIn disponible en deux tailles une petite et une grande. Vous pouvez choisir l’un d’entre eux.

24

5. onglet Paramètres Live

L’onglet Paramètres Live a Windows Live Préférences de connexion:

1. Activer / Désactiver: Pour activer ou désactiver le login Live.

2. client Live ID: Le client Live ID. (Voir annexe Comment obtenir les détails Live App).

3. client Live secret: Le client Live-Secret. (Voir annexe Comment obtenir les détails Live App).

4. Bouton en direct Taille: Le bouton de connexion Yahoo disponible en deux tailles une petite et une grande. Vous pouvez choisir l’un d’entre eux.

25live

6. onglet Paramètres Twitter

Les paramètres Twitter Tab a twitter préférences de connexion:
1. Activer / Désactiver: Pour activer ou désactiver le login Twitter.

2. Twitter ID client: Le client-ID Twitter. (Voir annexe Comment obtenir Twitter détails App).

3. Twitter client secret: Le client Twitter-Secret. (Voir annexe Comment obtenir Twitter détails App).

4. Twitter Bouton Taille: Le bouton de connexion Twitter disponible en deux tailles une petite et une grande. Vous pouvez choisir l’un d’entre eux.

26twi

7. onglet Paramètres Yahoo

L’ Yahoo onglet Paramètres a des préférences de connexion de Yahoo:
1. Activer / Désactiver: Pour activer ou désactiver le login Yahoo.

2. Yahoo ID client: Le client-ID Yahoo. (Voir annexe Comment obtenir des détails Yahoo App).

3. Yahoo client secret: Le Yahoo client-Secret. (Voir annexe Comment obtenir des détails Yahoo App).

4. Bouton Yahoo Taille: Le bouton de connexion Yahoo disponible en deux tailles une petite et une grande. Vous pouvez choisir l’un d’entre eux.

27yahoo

 

8. onglet Paramètres Amazon

L’ Amazon onglet Paramètres a des préférences de connexion d’amazon:
1. Activer / Désactiver: Pour activer ou désactiver l’Amazone Connexion.

2. Amazon ID client: Le client-ID Amazon. (Voir annexe Comment obtenir les détails Amazon App).

3. Amazon client secret: Le client-secret Amazon. (Voir annexe Comment obtenir les détails Amazon App).

4. Amazon Taille du bouton: le bouton de connexion Amazon disponible en deux tailles une petite et une grande. Vous canchoose l’un d’eux.

Capture d'écran de 29/10/2014 19:28:19

9. onglet Paramètres Instagram

L’ Instagram onglet Paramètres a des préférences de connexion instagram
1.Activer / Désactiver: Pour activer ou désactiver le login Instagram.

2. ID client Instagram: Le client-ID Instagram. (Voir annexe Comment obtenir les détails de cette appli Instagram).

3. Instagram client secret: Le client Instagram secret. (Voir annexe Comment obtenir les détails de cette appli Instagram).

4. Bouton Taille Instagram: Le bouton de connexion Instagram disponible en deux tailles une petite et une grande. Vous canchoose l’un d’eux.

Capture d'écran de 29/10/2014 19:27:55

10. onglet Paramètres Paypal

Le Paypal onglet Paramètres a des préférences de connexion paypal:
1. Activer / Désactiver: Pour activer ou désactiver le paypal Connexion.

2. Paypal ID client: Le client-ID Paypal. (Voir annexe Comment obtenir des détails Paypal App).

3. Paypal client secret: Le client Paypal-Secret. (Voir annexe Comment obtenir des détails Paypal App).

4. Paypal Bouton Taille: Le bouton de connexion Paypal disponible en deux tailles une petite et une grande. Vous pouvez choisir
l’un d’eux.

Capture d'écran de 29/10/2014 19:28:36

11. Get onglet Support

1. En cliquant sur l’ onglet Support Get, vous serez redirigé sur notre site de support, où vous pouvez contacter notre support à l’ aide. Utilisez cet onglet si vous une requête / numéro ou trouvé un bug.

12. onglet Themer

1. En cliquant sur l’ onglet themer, vous aurez la possibilité de changer le thème du social Loginizer panneau d’administration.

31

 

Boutons sociaux Loginizer

Devant les boutons Boutique disponibles Connexion SNS sur une page , soit en ajoutant du module d’ administration
Onglet Paramètres généraux ou en plaçant un code court dans tout le catalogue fichier * .tpl dans le dossier de modèles.
Code de courte SNS Login Button: Cela va générer des boutons comme suit:

32

1. Comment obtenir Facebook détails App?

Pas:

1. Allez sur Facebook Site Web Développeurs (https://developers.facebook.com)

2.Click sur les applications -> Créer une nouvelle application.

3. Suivez les instructions affichées à l’écran.

4. Vous obtenez l’ID App et App secret (Cliquez sur le bouton Afficher).

33

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

34

6. Cliquez sur le bouton Ajouter de la plate-forme.

7. Site web Sélectionner.

8. Entrez votre domaine et App URL du site.

35

9. Cliquez sur le bouton Enregistrer les modifications.

10. Maintenant, allez à l’onglet Etat et examen à partir du menu à gauche et continuez l’application Live.

2. Comment obtenir des détails Google App?

Étapes:
1. Accédez à Google Developers Console (https://code.google.com/apis/console).

2. Cliquez maintenant sur Apps & Auth-> Credentialsfrom menu de gauche.

36

3. Cliquez sur Créer un nouveau bouton d’identification du client à partir du panneau droit de l’écran.

4. Remplissez le formulaire pop-up avec détails ci – dessous:
o Type d’application: Application Web.
o JavaScriptorigins autorisé: Votre magasin nom de domaine. (http://www.example.com)
oAuthorized URI de redirection: URI de SNSLogin page de redirection.
(http://www.example.com/index.php?route=snslogin/redirect).

37

5.Now cliquez sur Créer un bouton ID client pour obtenir votre numéro de client et client clé secrète.

38

3. Comment obtenir les détails LinkedIn App?

Étapes:
1.Go développeurs LinkedIn (https://www.linkedin.com/secure/developer).
2. Cliquez sur Ajouter une nouvelle application.

39

La forme 3.Fill pour enregistrer une nouvelle application. Site Web URLmust être l’ URL de votre magasin comme:
http://www.example.com.
4. Cliquez sur Ajouter une application à soumettre le formulaire et garder votre clé API et secret sécurité pour une clé.

40

 

4. Comment obtenir les détails Live App?

Étapes:
1.Go Centre de développement Microsoft (https://account.live.com/developers/applications).

41

2. Cliquez sur Créer demande.

3.Saisissez Nom de l’application et cliquez sur I Accept bouton.

42

4. À partir du menu de gauche, sélectionnez Paramètres API.

5.Le le panneau droit activer la sécurité de redirection améliorée, entrez SNSLogin URL de la page de redirection ( http://yoursite.com/catalog/controller/snslogin/snslogin_redirect.php ) dans les URL de redirection et cliquez sur Enregistrer.

43

6.Now à partir du menu de gauche cliquez sur App sable Réglage copie de votre ID client et secret client.

44

5. Comment obtenir Twitter détails App?

Étapes:
1.Go Twitter App Management (https://apps.twitter.com/).

45

2. Cliquez sur Créer un nouveau Appbutton.

3.Saisissez Détails application comme suit:
o Nom de l’ application: nom de votre application.
o Description: Description 10 à 200 caractères de votre application.
o Site Web: URL de votre magasin.
o URL Callback: SNSLoginresirect URL de la page de votre magasin.
(http://www.example.com/index.php?route=snslogin/redirect).

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

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

46

6. Comment obtenir des détails Yahoo App?

Étapes:
1. Allez à Yahoo Developer Network (https://developer.apps.yahoo.com/projects).

47

2. Cliquez sur Créer un projet.

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

4. Cliquez sur le bouton Créer projet.

5.Copiez votre clé et le code secret des consommateurs.
48

7. Comment obtenir Amazon App détails?

Étapes:
1. Allez Amazon Developer Network (http://login.amazon.com/manageApps).

49

2. Cliquez sur le bouton Se connecter à la console App.

3. Une fois la connexion réussie App cliquez sur Console sur Enregistrer un nouveau bouton d’application en haut à droite de la page et vous serez redirigé vers la page suivante.

50

4.Entrez Détails application comme suit:
o Nom: Nom de votre application.
o Description: Description de votre application.
o URL Avis de confidentialité: URL de la page politique de confidentialité de votre magasin.
o Image Logo: Sélectionner une image en option logo de votre magasin.

5. Cliquez sur le bouton Enregistrer.

6. Maintenant, cliquez sur Paramètres Web pour obtenir votre numéro de client et secret.

51. Retour autorisés URL: SNSLogin URL de redirection de la page de votre magasin.
(http://www.example.com/index.php?route=snslogin/redirect).

8. Comment obtenir Instagram App détails?

Étapes:
1. Allez à Instagram Developer Network (http://instagram.com/developer/clients/manage/#).

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

52

3. Remplissez le formulaire ci-dessous

53

4. Définissez OAuth redirect_uri comme SNSLogin URL de redirection de la page de votre magasin.
(http://www.example.com/index.php?route=snslogin/redirect).

5. Cliquez sur le bouton Créer puis copiez et collez Id et secret client dans le panneau d’administration de plug-in.

9. Comment obtenir Paypal App détails?

Étapes:
1. Allez à Paypal Developer Network (https://developer.paypal.com/webapps/developer/applications/myapps).

2. Cliquez sur le bouton Créer App.

54

3. Maintenant, entrez le nom de votre application et cliquez sur Créer un bouton App.

55

 

4. Définir l’ URL de retour App (live) comme en SNSLogin URL de redirection de la page de votre magasin.
(http://www.example.com/index.php?route=snslogin/redirect).

56

5. Copier et coller des informations d’identification en direct au panneau d’administration de plug-in.

57

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 *