Extension OpenCart Social Login – Manuel de l’utilisateur

1.0 Présentation

Extension de connexion sociale OpenCart?offers your customers an easy and fast way of login through 8 most trusted social networks including Facebook, Twitter, Instagram, LinkedIn, etc. Opencart Social Media Login extension increases the customer registrations on your website and improves the user experience of your online store by allowing them instant access to your website. Social Login Opencart module helps to retain the customers and increases the number of visits on your website.

Permettre à vos clients d’accéder à votre site Web via des comptes sociaux sans créer un nouveau compte sur le site Web améliore leur expérience et les encourage à revoir votre site Web. Opencart Social Login est l’une des meilleures extensions pour ceux qui ne veulent pas passer du temps à fournir leurs informations personnelles pour s’inscrire sur un site Web via un nouveau compte. Social Login for Opencart a une interface conviviale et l’extension est entièrement personnalisable.

Fonctionnalités de base de 1.1 de cette extension OpenCart Social Login

1. Social Login Le module Opencart offre la connexion à un site Web par l’intermédiaire des réseaux de médias sociaux les plus fiables de 8, notamment Facebook, Twitter, Instagram, LinkedIn, etc. plutôt que de créer un nouveau compte sur le site Web concerné.
2. L’extension Opencart Social Login peut être facilement personnalisable, notamment en activant / désactivant l’extension en un seul clic, en activant / désactivant les réseaux de médias sociaux, la taille et le placement d’icônes de médias sociaux sur le site Web.
3. Le module Google Login d’OpenCart est conçu pour répondre aux besoins et aux exigences de chaque site Web OpenCart et dispose d’une interface conviviale.
4. Le plug-in OpenCart Social Login a une disposition réactive pour mobile et il est également réactif pour le bureau.
5. L’administrateur du magasin peut facilement activer ou désactiver n’importe quel réseau de médias sociaux à partir du back-office de l’extension de connexion Twitter d’Opencart en fonction de ses préférences et de ses besoins.
6. Le module Google Login d’OpenCart est très facile à installer et à configurer sans connaissances techniques ou en matière de programmation.
7. Le commerçant en ligne peut définir l’apparence des boutons de connexion sociale en configurant la couleur des boutons, les paramètres de survol et le type d’icône.
8. L’administrateur peut définir une mise en page différente pour différentes pages du site Web.
9. L’extension OpenCart Social Media Login fournit des statistiques permettant d’analyser l’impact des options de connexion sociale et des informations d’enregistrement / de connexion.

Étapes d’installation de 2.0 pour l’extension OpenCart Social Login

Achetez l’extension OpenCart Social Login sur le site Web de Knowband. Vous recevrez ces fichiers après l’achat de l’extension OpenCart:

1. Tout d’abord, vous obtiendrez un fichier de code source du module OpenCart Social Login au format de fichier zippé.
2. Manuel de l’utilisateur de ce module OpenCart de connexion sociale.

Suivez les étapes ci-dessous pour installer le module OpenCart Social Login:

1. Décompressez le fichier zip reçu. Vous obtiendrez les dossiers comme indiqué dans l’image suivante:

2. Copiez tous les dossiers du fichier zip dans le répertoire racine du programme d’installation OpenCart via le gestionnaire FTP.

Ainsi, l’extension de connexion OpenCart Twitter est maintenant installée avec succès et prête à être utilisée dans votre magasin.

Maintenant, allez dans le menu admin et cliquez sur les extensions, puis cliquez sur le bouton de configuration à côté de l’extension OpenCart Twitter Login.

Interface d’administration 3.0

Une fois l’installation réussie, l’administrateur de la boutique en ligne peut configurer l’extension de connexion OpenCart Social Media. Il y aura plusieurs options de configuration, comme mentionné ci-dessous:

• Paramètres généraux
• Paramètres du compte
• Configurer les modules
• Icônes de configuration
• Données statistiques

Paramétrage général de 3.1

Le commerçant en ligne peut appliquer les paramètres de base à partir d’ici. Voici les options de configuration disponibles:

• Statut: L’e-commerçant peut activer ou désactiver la fonctionnalité de l’extension OpenCart Social Login en l’activant ou en la désactivant.

• Inclure la police géniale: Font Awesome est un toolkit de polices et d’icônes basé sur CSS et LESS. Le propriétaire de la boutique en ligne peut l’inclure en sélectionnant le “Oui“option dans la liste déroulante.

Paramètres du compte 3.2

À partir de là, le marchand en ligne peut configurer les options de connexion sociale. L’administrateur peut activer et définir huit options de connexion sociale à partir d’ici.

3.2.1 Facebook

• Statut: Le marchand du magasin peut afficher ou masquer la connexion à Facebook en activant ou en désactivant les paramètres à partir de l’interface d’administration du module OpenCart Social Login.

• Identifiant de l’application Facebook: L’administrateur doit entrer l’ID de l’application Facebook et l’ID de la page afin d’intégrer l’option de connexion à Facebook.

• Facebook App Secret: Ici, l’administrateur doit entrer sur Facebook App-Secret.

Dans la section 1, l’administrateur peut afficher les étapes permettant de générer un identifiant d’application Facebook et un secret d’application.

3.2.2 Google

• Statut: L’administrateur peut activer ou désactiver l’option de connexion Google à partir de l’interface d’administration du module OpenCart de Social Login.

• Identifiant client Google: Le commerçant en ligne doit saisir l’ID client Google ici.

• Google Client Secret: Ici, l’administrateur doit entrer dans Google Client-Secret.

Dans la section 2, l’administrateur peut afficher la méthode de génération de l’ID client et du secret client.

3.2.3 LinkedIn

• Statut: Le marchand du magasin peut activer ou désactiver l’option de connexion à LinkedIn à partir d’ici.

• Clé de l’API LinkedIn: L’administrateur doit configurer la clé de l’API LinkedIn.

• Clé secrète LinkedIn: Ici, l’administrateur doit entrer la clé secrète LinkedIn.

Dans la section 3, l’administrateur peut afficher la méthode de génération de la clé API LinkedIn et de la clé secrète.

3.2.4 Twitter

• Statut: L’administrateur peut activer ou désactiver l’option de connexion à Twitter.

• Clé API Twitter: L’administrateur doit définir la clé API Twitter.

• Twitter API Secret: Ici, l’administrateur doit définir un secret d’API.

Dans la section 4, l’administrateur peut afficher la méthode de génération de la clé d’API Twitter et du secret de l’API.

3.2.5 Yahoo

• Statut: Le marchand du magasin peut activer ou désactiver l’option de connexion Yahoo.

• Clé consommateur Yahoo: Ici, l’administrateur peut entrer la clé Yahoo Consumer.

• Yahoo Consumer Secret: L’administrateur doit définir Yahoo Consumer Secret.

Dans la section 5, l’administrateur peut afficher les étapes à suivre pour générer la clé de consommateur Yahoo et le secret du consommateur.

3.2.6 Amazon

• Statut: Activer ou désactiver la connexion Amazon.

• Identifiant client Amazon: L’administrateur doit entrer Amazon Client-ID.

• Amazon Client Secret: Ici, l’administrateur peut entrer dans Amazon Client-Secret.

Dans la section 6, l’administrateur peut afficher la méthode de génération de l’ID client Amazon et du secret client.

3.2.7 Instagram

• Statut: L’administrateur peut activer ou désactiver la connexion Instagram à partir de l’interface d’administration de cette extension de connexion OpenCart Social Media.

• Identifiant client Instagram: L’administrateur peut entrer Instagram Client-ID ici.

• Secret client Instagram: Ici, l’administrateur doit entrer Instagram Client-Secret.

Dans la section 7, l’administrateur peut afficher la méthode de génération d’un identifiant client Instagram et d’un secret client.

3.2.8 Paypal

• Activer désactiver: Le commerçant en ligne peut activer ou désactiver la connexion PayPal à partir de l’interface d’administration de l’extension OpenCart Facebook Login.

• Identifiant client Paypal: L’administrateur doit entrer l’ID client Paypal.

• Paypal Client Secret: Ici, l’administrateur doit entrer Paypal Client-Secret.

Dans la section 8, l’administrateur peut afficher la méthode de génération de l’ID client Paypal et du secret client.

1. Étapes pour générer les détails de l’application Facebook:

• Cliquez sur le lien https://developers.facebook.com/apps/ ou cliquez directement sur le message disponible sur la page de configuration de Facebook, à savoir “Cliquez ici pour obtenir l’identifiant et le secret de l’application Facebook”.
• Cliquez sur Ajouter une nouvelle application.
• Entrez les détails requis.

• Après le contrôle de sécurité, accédez à Paramètres> Basique. Ici, vous obtiendrez l’identifiant et le secret de l’application.

• Maintenant, entrez l’URL de la politique de confidentialité du domaine d’application, puis enregistrez les modifications.

• Accédez au paramètre de projet Facebook et enregistrezhttps://www.example.com/index.php? route = kbsociallogin /réorienter?in Valid OAuth Redirect URIs field. Check the same in the below image –

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

2. Étapes pour obtenir les détails de Google App:

• Accédez à la console Google Developers: https://console.developers.google.com/project.
• Maintenant, cliquez sur API et Services-> Informations d’identification dans le menu de gauche.

• Cliquez sur le bouton Créer un nouvel ID client dans le panneau de droite de l’écran.
• Remplissez le formulaire avec les détails ci-dessous:
• Type d’application: application Web. JavaScriptorigins autorisés: le nom de domaine de votre magasin. (https://www.example.com) URI de redirection autorisée: URI de la page de redirection SNSLogin. (https: // www.example.com/index.php?route=kbsociallogin/redirect).

• Maintenant, cliquez sur le bouton Créer un ID client pour obtenir votre ID client et votre clé secrète client pour OpenCart Social Login.

3. Étapes à suivre pour obtenir les détails de l’application LinkedIn:

• Allez sur https://www.linkedin.com/developers/apps

• Cliquez sur Créer une application.

• Remplissez le formulaire pour enregistrer une nouvelle candidature. L’URL du site Web doit être l’URL de votre boutique, comme https://www.example.com.

• Cliquez sur le bouton créer une application.

• Dans la section Auth, le marchand en ligne peut voir l’ID et le secret de l’application comme indiqué ci-dessous:

4. Étapes pour obtenir

• Aller à
• Cliquez sur le bouton Créer une nouvelle application.
• Entrez les détails de l’application comme suit:

1. Nom de l’application: Nom de votre application.

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

3. Site Web: l’URL de votre magasin.

4. URL de rappel: URL de la page SNSLoginresirect de votre magasin. (https: // www.example.com/index.php?route=kbsociallogin/redirect).

• Maintenant, cliquez sur Oui, j’accepte, puis cliquez sur Créer votre application Twitter.

• Maintenant, sélectionnez les clés API dans le menu situé sous le nom de votre application, puis copiez votre clé API et votre secret API pour OpenCart Social Login.

5. Étapes à suivre pour obtenir les détails de l’application Yahoo:

• Accédez au réseau de développeurs Yahoo (https://developer.apps.yahoo.com/projects).

• Cliquez sur Créer un projet.

• Remplissez les détails requis selon les instructions. L’URL d’accueil sera votre URL de magasin.

• Cliquez sur le bouton Créer un projet.

• Copiez votre clé de consommateur et votre secret de consommateur pour l’extension OpenCart Social Login.

6. Comment avoir Application Amazon détails:

• Accédez à Amazon Developer Network (https://login.amazon.com/manageApps).

• Cliquez sur le bouton Connexion à la console d’applications.

• Une fois la connexion à App Console réussie, cliquez sur le bouton Enregistrer une nouvelle application en haut à droite de la page. Vous serez redirigé vers la page suivante.

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

• 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.

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

• Cliquez sur le bouton Enregistrer.

• Maintenant, cliquez sur Paramètres Web pour obtenir votre identifiant client et votre secret pour le module OpenCart de Social Login.

• URL de retour autorisée: SNSLogin redirige l’URL de la page de votre magasin. (https: // www.example.com/index.php?route=kbsociallallin/redirect)

7. Étapes pour obtenir App Instagram détails:

• Accédez au réseau de développeurs Instagram (https://instagram.com/developer/clients/manage/#).
• Cliquez sur le bouton Enregistrer un nouveau client en haut à droite de la page.

• Remplissez le formulaire suivant

• Définissez OAuth redirect_uri en tant qu’URL de page de redirection SNSLogin de votre magasin. (https: // www.example.com/index.php?route=kbsociallogin/redirect).

• Cliquez sur le bouton Créer puis copiez et collez l’ID et le secret du client dans le panneau d’administration de OpenCart Social Login.

8. Étapes pour obtenir App Paypal détails:

• Allez sur le réseau de développeurs Paypal (https://developer.paypal.com/webapps/developer/applications/myapps).

• Cliquez sur le bouton Créer une application.

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

• Définissez l’URL de retour de l’application (en direct) comme URL de la page de redirection SNSLogin de votre magasin. (https: // www.example.com/index.php?route=kbsociallogin/redirect).

• Copiez et collez les informations d’identification réelles dans le panneau d’administration de l’extension OpenCart Social Login.

Modules de configuration 3.3

Ici, le marchand en ligne peut définir les icônes de connexion sociale sur différentes pages et appliquer d’autres paramètres connexes. L’administrateur peut ajouter, supprimer et mettre à jour différents modules de connexion sociale. Les options de personnalisation sont décrites ci-dessous:

Étapes pour ajouter un nouveau module:

• Nom du module: L’administrateur peut définir le nom du module de connexion sociale.

• Titre du statut: Le commerçant en ligne peut activer ou désactiver cette option pour afficher ou masquer le titre du module.

• Titre: L’administrateur peut définir le titre du module dans différentes langues.

• Mise en page: Le commerçant en ligne peut sélectionner la mise en page dans la liste déroulante disponible sur l’interface d’administration de cette extension de connexion OpenCart Facebook.

• Disposition des boutons: Le marchand en ligne peut sélectionner la disposition des boutons parmi les options disponibles dans la liste déroulante.

• Position: Le vendeur en ligne peut sélectionner la position d’affichage des options de connexion sociales. Les options de connexion sociale pour OpenCart permettent d’afficher les options de connexion en haut, en bas, à gauche et à droite du contenu.

• Ordre de tri: L’administrateur peut définir l’ordre de tri des icônes sociales.

• Statut: Le commerçant en magasin peut activer ou désactiver ce module à partir de l’interface d’administration.

Icônes de configuration 3.4

Le marchand de la boutique en ligne peut créer des mises en page pour les icônes de connexion sociale. L’extension OpenCart Twitter Login permet au commerçant d’ajouter, de supprimer et de modifier la mise en page à partir de l’interface d’administration.

• Nom du bouton: L’administrateur peut définir le nom de la disposition des boutons à partir d’ici.

• Choisissez les identifiants: L’administrateur du magasin peut choisir parmi les options sociales 8 qu’il souhaite afficher dans cette présentation.

• Types d’icônes: L’administrateur peut définir le type d’icône à partir d’ici. L’icône peut être petite circulaire, petite rectangulaire, petite arrondie, grande arrondie et grande rectangulaire.

• Effet de vol stationnaire: L’administrateur peut définir l’effet de survol à partir d’ici. Le module OpenCart de connexion sociale peut agrandir, mettre en surbrillance et faire pivoter les icônes de connexion sociale.

• Alignement: Le commerçant peut définir l’alignement sur horizontal ou vertical.

• Couleur du bouton: L’administrateur peut sélectionner la couleur de bouton par défaut ou personnaliser la couleur de bouton pour chaque icône à partir de l’interface d’administration du module OpenCart de connexion sociale.

Statistiques 3.5

Dans cette section, le commerçant en ligne peut consulter les statistiques d’enregistrement et de connexion d’utilisateur. L’administrateur peut consulter la liste pour obtenir les détails du nombre de clients connectés / enregistrés à partir de chaque option de connexion sociale. L’extension OpenCart Twitter Login indique également le nombre total d’inscriptions sur le site Web, quelles que soient les options de médias sociaux, ainsi que le nom et les identifiants d’e-mail.

Interface frontale 4.0

Les utilisateurs en ligne peuvent voir les multiples options de connexion sociale sur les pages du site Web. L’administrateur peut afficher différentes options de connexion sociale sur toutes les pages du site s’il le souhaite.

Les clients peuvent se connecter / s’inscrire à partir de n’importe quelle option de connexion sociale disponible sur la page du site Web.

La page d’accueil s’affichera comme indiqué ci-dessous tout en utilisant une grande icône rectangulaire avec effet de zoom.

Grande icône rectangulaire avec effet de surbrillance et Grande icône rectangulaire avec effet de surbrillance, la couleur des boutons personnalisée apparaîtra comme ci-dessous.

Une petite icône circulaire avec un effet de rotation et une petite icône rectangulaire avec un effet de surbrillance seront affichées comme ci-dessous:

De cette façon, les clients n’ont pas besoin de se connecter / s’inscrire via un processus long. Il leur suffit de cliquer sur les boutons de connexion sociale et de se connecter / s’inscrire facilement.

Pour plus de détails sur cette extension OpenCart Social Login, visitez ici:

Lien vers le produit de l’extension de connexion sociale OpenCart

Manuel d’utilisation de l’extension de connexion sociale OpenCart

Démonstration du Front Office de l’extension de connexion sociale OpenCart

Démonstration du back office de l’extension de connexion sociale OpenCart

Lien vers la place de marché du module de connexion sociale OpenCart

Histoires connexes:

• Augmentez le nombre de vos suiveurs de médias sociaux pour votre entreprise avec cette extension de connexion à la connexion sociale Opencart
• Plugin de connexion sociale pour les magasins OpenCart pour un retournement rapide des affaires
• Le temps est venu pour ce plugin de connexion sociale pour OpenCart de réinventer l’engagement des clients sociaux
• Transformez votre engagement social avec le plugin de connexion sociale pour OpenCart
• Utilisez le pouvoir des médias sociaux avec cette extension de connexion sociale Opencart