Presatshop Connexion via Réseaux Sociaux – Manuel de l’utilisateur

Étapes pour l’ installation de Presatshop sociale Loginizer Addon

  • Structure des dossiers du dossier plugin Loginizer social.

Image 1

  • Copiez tout le dossier nommé loginizer sociale dans votre dossier modules du répertoire racine de votre boutique Prestashop par FTP.
  • Vous pouvez également télécharger le dossier zip du module en cliquant sur le bouton Ajouter un nouveau module, qui devrait apparaître juste dans le coin supérieur droit de la page d’inscription du module.
  • Après cela, vous pourrez trouver le plug-in prêt à être installé dans les modules dans votre magasin de PrestaShop comme indiqué ci-dessous.

photo2

  • Cliquez sur le lien Installer pour installer le plug-in.

Module d’administration

Ici, propriétaire du magasin peut modifier les différents paramètres de ce plug-in en fonction des besoins, qui seront reflétées sur l’extrémité avant, ainsi que dans le panneau d’administration.

Après l’installation de plug-in en magasin, le plug-in fournira ci-dessous des onglets dans l’interface:

  • réglages généraux
  • FAQ
  • Suggestions
  • autres Plugins

Chaque onglet est expliqué ci-dessous.

réglage général

En cliquant sur le lien de configuration sur le module page listant (configurer lien apparaîtra automatiquement une fois que vous installez le plug-in), le système ouvrira les paramètres généraux onglets par défaut, comme indiqué dans l’écran ci-dessous:

photo2Picture3

Dans un premier temps les champs sous forme ci-dessus seront déjà remplis avec leurs valeurs par défaut.

  • Activer / Désactiver: Dans un premier temps , ce sera OFF. L’ administrateur peut activer / désactiver en activant / OFF ce paramètre plug-in.
  • Bouton de commande de séquence: Ici admin peut modifier la séquence des boutons tels qu’ils apparaissent à l’extrémité avant.
  • Position: Ceci est une table qui décrivent trois positions où vous pouvez afficher l’icône sociale pour ouvrir une session dans le site Web.
  • Page: Définir la page sur laquelle vous souhaitez afficher cette buttton sociale.
  • Statut: Pour activer / désactiver ce module de la page respective.
  • Position: Pour définir la position à la page où vous voulez respective pour afficher le bouton social. Ces positions sont en-tête, pied de page, la colonne de gauche et la colonne de droite.
  • Titre: Ici, vous pouvez définir le titre pour certains ce bloc loginizer social. Par exemple: Inscription Avec
  • Bouton Taille: Il y a deux options de taille du bouton: petits et grands. Selon vos besoins et l’interface utilisateur d’extrémité avant, vous pouvez régler la taille du bouton à afficher la page correspondante.

Vous pouvez également spécifier le titre et la taille des icônes pour chaque position individuelle.

Taille de l’icône (Taille du bouton)

Il existe deux types d’icônes disponibles pour afficher sur le site selon le besoin site interface frontale. Il y a comme suit:

1. Petites icônes

Picture13

2. Grande icône

Picture4Picture5photo6Picture7Picture8Picture9Picture10Picture11Picture12

 

 

Facebook Réglage

Dans cet onglet, l’administrateur peut activer / désactiver la connexion facebook à l’avant. Avant d’activer cette fonctionnalité, remplir les détails suivants:

1. App Id: Champ obligatoire.

2. secrète App: Champ obligatoire.

Les valeurs de champ ci-dessus seront disponibles une fois que vous créez une application Facebook dans la console des développeurs respectifs. Pour créer l’application, s’il vous plaît suivez les instructions données à l’annexe.

Picture14

Réglage Google Plus

Dans cet onglet, l’administrateur peut activer / désactiver la connexion Google à l’avant. Avant d’activer cette fonctionnalité, remplir les détails suivants:

1. App Id: Ce champ n’est pas obligatoire, vous pouvez laisser vide ce champ.

2. Id client: Champ obligatoire.

3. secret de client: Champ obligatoire.

Les valeurs de champ ci-dessus seront disponibles une fois que vous créez une application Google Plus dans la console des développeurs respectifs. Pour créer l’application, s’il vous plaît suivez les instructions données à l’annexe.

Picture15

live Setting

Dans cet onglet, l’administrateur peut activer / désactiver la connexion en direct à l’avant. Avant d’activer cette fonctionnalité, remplir les détails suivants:

1. Id client: Champ obligatoire.

2. secret client (v1): Champ obligatoire.

Les valeurs de champ ci-dessus seront disponibles une fois que vous créez une application Windows Live dans la console des développeurs respectifs. Pour créer l’application, s’il vous plaît suivez les instructions données à l’annexe.

Picture16

Paramètres LinkedIn

Dans cet onglet, l’administrateur peut activer / désactiver la connexion à Linkedin l’avant. Avant d’activer cette fonctionnalité, remplir les détails suivants:

1. API clés: Champ obligatoire.

2. clé secrète: Champ obligatoire.

Les valeurs de champ ci-dessus seront disponibles une fois que vous créez une application LinkedIn dans la console des développeurs respectifs. Pour créer l’application, s’il vous plaît suivez les instructions données à l’annexe.

Picture17

Paramètres Twitter

Dans cet onglet, l’administrateur peut activer / désactiver la connexion de twitter à l’avant. Avant d’activer cette fonctionnalité, remplir les détails suivants:

1. API clés: Champ obligatoire.

2. API secret: Champ obligatoire.

Les valeurs de champ ci-dessus seront disponibles une fois que vous créez une application Twitter dans la console des développeurs respectifs. Pour créer l’application, s’il vous plaît suivez les instructions données à l’annexe.

Picture18

Paramètres Yahoo

Dans cet onglet, l’administrateur peut activer / désactiver la connexion Yahoo à l’avant. Avant d’activer cette fonctionnalité, remplir les détails suivants:

1. Clé à la consommation: Champ obligatoire.

2. secret client: Champ obligatoire.

Les valeurs de champ ci-dessus seront disponibles une fois que vous créez une application Yahoo dans la console des développeurs respectifs. Pour créer l’application, s’il vous plaît suivez les instructions données à l’annexe.

Picture19

Réglages Instagram

Dans cet onglet, l’administrateur peut activer / désactiver la connexion à Instagram l’avant. Avant d’activer cette fonctionnalité, remplir les détails suivants:

1. Id client: Champ obligatoire.

2. client secret: champ obligatoire.

Les valeurs de champ ci-dessus seront disponibles une fois que vous créez une application Instagram dans la console des développeurs respectifs. Pour créer l’application, s’il vous plaît suivez les instructions données à l’annexe.

Picture20

Réglages Amazon

Dans cet onglet, l’administrateur peut activer / désactiver la connexion Amazon à l’avant. Avant d’activer cette fonctionnalité, remplir les détails suivants:

1. Clé à la consommation: Champ obligatoire.

2. secret client: Champ obligatoire.

Les valeurs de champ ci-dessus seront disponibles une fois que vous créez une application Amazon dans la console des développeurs respectifs. Pour créer l’application, s’il vous plaît suivez les instructions données à l’annexe.

Picture21

Réglages Paypal

Dans cet onglet, l’administrateur peut activer / désactiver la connexion Paypal à l’avant. Avant d’activer cette fonctionnalité, remplir les détails suivants:

1. Clé à la consommation: Champ obligatoire.

2. secret client: Champ obligatoire.

Les valeurs de champ ci-dessus seront disponibles une fois que vous créez une application Paypal dans la console des développeurs respectifs. Pour créer l’application, s’il vous plaît suivez les instructions données à l’annexe.

Picture23

FAQ

Cet onglet contient plusieurs questions (avec réponses à ces questions) qui sont posées par nos clients. Nous vous recommandons de passer par les questions avant de soulever de billets pour ce plug-in.

Picture24

Suggestions

Si vous voulez donner des suggestions pour quelques nouvelles fonctionnalités à inclure dans la nouvelle version de ce plugin que vous pouvez utiliser cet onglet.

Picture25

autres Plugins

Cet onglet redirige vers notre page de développeur ayant liste d’autres plug-ins développés par nous. Si vous aimez ce plugin que vous pouvez essayer nos autres plugins aussi bien.

Front End Module

En fin avant, le client peut voir les boutons de connexion sociaux où vous souhaitez les configurer à partir du réglage du module. Par exemple, nous avons mis sur le petit bouton en-tête du site Web, module les afficher comme ci-dessous:

Picture26

Si elle est définie dans la colonne de gauche / droite Colonne

Picture27

Fonctionnalité de code court

Si vous voulez afficher les boutons de connexion sociale quelque part ailleurs où le module n’a pas accès. Donc, il y a une fonctionnalité de code court vous offrir un moyen d’afficher les boutons de connexion sociaux partout sur votre site. Pour ce faire, il vous suffit de mettre une ligne de code dans votre fichier tpl respectif en conséquence. est donnée ci-dessous la ligne de code:

Code pour l’affichage petite icône

Code pour l’affichage grand icône

Recommandations: –

Actualiser la page d’accueil de votre magasin chaque fois que vous activer / désactiver le plugin. Si le plugin ne fonctionne pas après l’installation, puis s’il vous plaît vérifier les autorisations sur le dossier de modules. Le dossier doit être accessible en écriture. S’il vous plaît faire l’autorisation de dossier à 755.

Comment obtenir Facebook détails App?

  • Aller à Facebook Site Web Développeurs (https://developers.facebook.com/apps) ou cliquez sur le lien donné en haut à droite de l’onglet correspondant dans la page de configuration du module.
  • Cliquez sur Mes applications -> Ajouter une nouvelle application ou Ajouter un nouveau bouton App.
  • Choisissez Site Web et continuez.
  • Tapez le nom de votre application et cliquez sur Créer un nouveau Facebook App Id, choisissez une catégorie App et continuez.
  • Cliquez maintenant sur Ignorer Quick Start.
  • Vous obtiendrez l’ID App et App secret (Cliquez sur le bouton Afficher).

Picture28

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

Picture29

  • Cliquez sur le bouton Ajouter de la plate-forme.
  • Site web Sélectionner.
  • Entrez votre domaine et App URL du site. Veuillez également fournir votre e-mail de contact (Il est nécessaire de rendre votre application en direct).

Picture30

  • Cliquez sur le bouton Enregistrer les modifications.
  • Maintenant, allez à l’onglet Etat et examen à partir du menu de gauche et de faire la demande en direct en basculant l’interrupteur sur Oui. Assurez-vous qu’il ya un point vert après le nom de l’application (Ceci indique que votre application en direct maintenant).

Picture31

  • Maintenant, vous pouvez utiliser les détails de l’API de l’application pour permettre à vos clients se connecter à votre magasin à l’aide, il compte facebook.

Comment obtenir des détails Google App?

  • Allez sur Google Developers Console (https://console.developers.google.com/project) ou cliquez sur le lien donné en haut à droite de l’onglet correspondant dans la page de configuration du module.
  • Maintenant, cliquez sur Créer Projecton la gauche de la page.
  • Entrez un nom pour votre projet et passez à l’étape suivante.
  • Maintenant, cliquez sur les API et Auth-> Titres de compétence dans le menu à gauche comme indiqué ci-dessous.

Picture32

  • Cliquez sur Créer un nouveau bouton d’identification du client à partir du panneau droit de l’écran.
  • Vous pourriez avoir à remplir le formulaire de consentement Screenbefore procédure. Pour ce faire, vous devez cliquer sur le consentement Screenin le menu de gauche comme indiqué sur l’image ci-dessus.
  • Remplissez le formulaire pop-up avec détails ci-dessous:

Type d’application: Application Web.

JavaScript autorisés Origins: Votre magasin nom de domaine (http://www.yourstore.com).

Autorisé URI de redirection ou URI de Loginizer page de redirection:

Si vous utilisez URL SEO Friendly pour votre magasin utilisez ce –

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

Sinon, utilisez ce –

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

Picture33

  • Maintenant, cliquez sur Créer un client IDbutton pour obtenir votre numéro de client et client clé secrète.

Picture34

  • Maintenant, vous pouvez utiliser le code secret du client et l’ID client pour permettre à vos clients se connecter à votre magasin en utilisant il compte Google.

Comment obtenir les détails LinkedIn App?

  • Aller à LinkedIn Développeurs (https://www.linkedin.com/secure/developer) ou cliquez sur le lien donné en haut à droite de l’onglet correspondant dans la page de configuration du module.

Picture35

  • Cliquez onCreate Applicationbutton.
  • Remplissez le formulaire pour enregistrer une nouvelle application. Site Web URLmust être l’URL de votre magasin comme http://www.yourstore.com.
  • Après avoir rempli le formulaire, cliquez Soumettre pour soumettre le formulaire et garder votre clé API et sûre clé secrète.

Picture36

  • Pour LinkedIn, URL de redirection est facultative, si vous voulez définir l’URL de redirection, puis définissez comme:

Si vous utilisez URL SEO Friendly pour votre magasin utilisez ce –

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

Sinon, utilisez ce –

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

  • S’il vous plaît assurez-vous que les autorisations d’application par défaut sont sélectionnés correctement afin d’utiliser l’application. Comme le montre l’image ci-dessus.
  • Maintenant, vous pouvez utiliser les détails de l’API de l’application pour permettre à vos clients se connecter à votre compte magasin à l’aide il linkedin.

Comment obtenir des détails en direct App?

  • Accédez au Centre de développement Microsoft (https://account.live.com/developers/applications/create) ou cliquez sur le lien donné en haut à droite de l’onglet correspondant dans la page de configuration du module.
  • Entrez le nom de l’application et cliquez sur I AcceptButton.

Picture37

  • À partir du menu de gauche, sélectionnez Paramètres API.
  • Maintenant fournir votre domaine de magasin et Loginizer URL comme Redirect

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

Entrez domaine cible votre nom de domaine (par exemple: – http://www.yourstore.com)

Picture38

  • Maintenant, à partir du menu de gauche cliquez sur App copier votre ID Réglageset client et secret client.

Picture39

  • Maintenant, vous pouvez utiliser les détails de l’application pour permettre à vos clients se connecter à votre magasin à l’aide, il compte Live ou Microsoft.

Comment obtenir Twitter détails App?

  • Aller à Twitter Gestion App (https://dev.twitter.com/apps) ou cliquez sur le lien donné en haut à droite de l’onglet correspondant dans la page de configuration du module.

Picture40

  • Cliquez sur Créer un nouveau Appbutton.
  • Entrez les détails d’application comme suit:

Nom de l’application: nom de votre application.

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

Site Web: URL de votre magasin.

  • URL callback: Loginizer URL de redirection de la page de votre magasin.

Si vous utilisez URL SEO Friendly pour votre magasin puis utilisez ce pour l’URL de redirection –

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

Sinon, utilisez ce –

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

  • Maintenant, cliquez sur Oui, j’agreeand puis cliquez sur Créer votre application Twitter.
  • Maintenant, sélectionnez les touches et l’accès Tokensfrom le menu ci-dessous votre nom d’application et copiez votre clé API et API secret.

Picture41

  • Maintenant, vous pouvez utiliser les détails de l’application pour permettre à vos clients se connecter à votre magasin à l’aide, il compte Twitter.

Comment obtenir des détails Yahoo App?

  • Aller à Yahoo Developer Network (http://developer.apps.yahoo.com/projects) ou cliquez sur le lien donné en haut à droite de l’onglet correspondant dans la page de configuration du module. Cliquez sur Créer un Appbutton pour continuer.

Picture42

  • Remplissez les informations requises selon les instructions. URL sera l’URL de votre magasin.

Si vous utilisez URL SEO Friendly puis utiliser ce domaine pour rappel:

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

Sinon, utilisez ce –

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

Picture43

  • S’il vous plaît assurez-vous que les autorisations pour l’application sont correctement sélectionnés tout en créant l’App comme le montre l’image ci-dessus.
  • Une fois l’application créée, vous pouvez copier votre clé et le code secret des consommateurs.

Picture44

  • Maintenant, vous pouvez utiliser les détails de l’application pour permettre à vos clients se connecter à votre magasin à l’aide de Yahoo il compte.

Comment obtenir des détails Amazon App?

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

Picture45

  • Cliquez sur le bouton Se connecter à la console App.
  • Après connexion réussie à l’App Console cliquez sur Enregistrer un nouveau bouton d’application en haut à droite de la page et vous serez redirigé vers la page suivante.

Picture46

  • Entrez les détails d’application comme suit:

Nom: Nom de votre application.

Description: Description de votre application.

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

  • Image Logo: Sélectionner une image en option logo de votre magasin.
  • Cliquez sur le bouton Enregistrer.
  • Maintenant, cliquez sur Paramètres Web pour obtenir votre numéro de client et secret.

Picture47

  • Retour URL autorisés: Loginizer URL de redirection de la page de votre magasin.

Si vous utilisez URL SEO Friendly pour votre magasin puis utilisez ce pour l’URL de redirection –

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

Sinon, utilisez ce –

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

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

  • Maintenant, vous pouvez utiliser le code secret du client et l’ID client pour permettre à vos clients se connecter à votre magasin à l’aide, il compte amazon.

Comment obtenir des détails App Instagram?

  • Aller à Instagram Developer Network (http://instagram.com/developer/clients/manage) ou cliquez sur le lien donné en haut à droite de l’onglet correspondant dans la page de configuration du module.
  • Cliquez sur Enregistrer un bouton Nouveau client en haut à droite de la page.

Picture48

  • Remplissez le formulaire ci-dessous

Picture49

  • Définir l’URL de redirection comme Loginizer URL de redirection de la page de votre magasin.

Si vous utilisez URL SEO Friendly pour votre magasin puis utilisez ce pour l’URL de redirection –

http://www.yourstore.com/module/socialloginizer/instagram

Sinon, utilisez ce –

http://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=instagram

  • Cliquez sur le bouton Créer puis copiez et collez Id et secret client dans le panneau d’administration de plug-in.
  • Maintenant, vous pouvez utiliser les détails de l’application pour permettre à vos clients se connecter à votre magasin à l’aide, il compte Instagram.

Comment obtenir des détails Paypal App?

  • Aller à Paypal Developer Network (https://developer.paypal.com/webapps/developer/applications/myapps) ou cliquez sur le lien donné en haut à droite de l’onglet correspondant dans la page de configuration du module.
  • Cliquez sur le bouton Créer App.

Picture50

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

Picture51

  • Définir l’URL de retour App (en direct) comme URL de la page de redirection de plug-in de votre magasin.

Si vous utilisez URL SEO Friendly pour votre magasin puis utilisez ce pour l’URL de redirection –

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

Sinon, utilisez ce –

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

Picture52

  • S’il vous plaît assurez-vous que l’API pour les vivants est sélectionné complètement comme indiqué ci-dessous:

Picture53

  • Maintenant, vous pouvez utiliser le code secret du client et l’ID client pour permettre à vos clients se connecter à votre magasin en utilisant paypal il compte.

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 *