Magento 2 Social Login Erweiterung – Benutzerhandbuch

EinführungMagento 2 Social Login Erweiterung

Mit dem Social Login Plugin können sich Kunden über ihre sozialen Accounts wie Facebook, Google, Yahoo und 9 anmelden / registrieren. Dieses Plugin wird einen neuen Link 'Quick Log In' neben dem Standard-Login-Link hinzufügen. Dieser Text kann besonders angefertigt werden. Mit einem Klick auf diesen Link öffnet sich ein Login-Popup. Das Plugin gibt dem Store-Administrator die Freiheit, die Anmeldung über mehrere Plattformen zu aktivieren oder zu deaktivieren. Der Administrator kann auch das Verhalten des Plugins am Front-End ändern und außerdem die Anmeldung über eine beliebige verfügbare soziale Plattform aktivieren oder deaktivieren.

Installationsanleitung

Lade die Zip aus unserem Magento Plugin Store herunter und entpacke sie. Öffnen Sie das extrahierte Verzeichnis & Sie sehen folgende Ordnerstruktur.

Wortbild-93

Image-1

Erstellen Sie einen Ordner {Magento-Stammordner} / App / Code / Knowband / Socialloginizer. Kopieren Sie den extrahierten Inhalt in den obigen Ordner.

Aktivieren Sie den sozialen Login

Führen Sie die folgenden Befehle in Ihrem Terminal aus, um das Social Login-Plugin zu aktivieren

  1. php -f bin / magento Modul: aktivieren –clear-static-content Knowband_Socialloginizer
  2. php -f bin / Magento-Setup: Upgrade

Konfigurieren Sie den sozialen Login

Logge dich in deinen Magento Admin ein, gehe zu Stores -> Konfiguration -> Knowband -> Social Loginizer und konfiguriere das Plugin wie folgt:

Image-2

Benutzerhandbuch

Voraussetzungen

PHP-Version 5.6 oder höher

Um auf die API des ständigen Kontakts zuzugreifen, muss die php-Version gleich oder höher als 5.6 verwendet werden. Sofern Ihr Server nicht die erforderliche PHP-Version ausführt, können Sie dieses Plugin nicht erfolgreich installieren.

Admin-Einstellungen

Um auf das Knowband Plug-In zuzugreifen, gehen Sie zu Stores -> Konfiguration -> Knowband -> Social Loginizer Store Admin hat verschiedene Einstellungsmöglichkeiten, die wie folgt kategorisiert sind:

Image-4

Allgemeine Einstellungen

Der Administrator kann die allgemeinen Einstellungen anpassen, indem er die folgenden verfügbaren Einstellungsoptionen verwendet.

Image-5

  • Freischalten: Der Administrator kann Ja / Nein wählen, um dieses Plugin zu aktivieren.
  • Beim Anmelde-Popup anzeigen: Wenn Sie es aktivieren, wird ein Link erstellt, der in "Text für Popup-Link" gespeichert ist. Wenn Sie auf diesen Link klicken, erscheint ein Popup-Fenster mit der Login-Option und einem Socialloginizer-Bereich.
  • Text für Popup-Link: Dieser Text erscheint als Link für das Anmelde-Popup in der Kopfzeile im Frontend.
  • Auf der Anmeldeseite anzeigen: Wenn Sie es aktivieren, wird auf der Anmeldeseite von Frontend der Block für den sozialen Login angezeigt.
  • Auf der Registrierungsseite anzeigen: Wenn Sie es aktivieren, wird auf der Kontoerstellungsseite von Frontend der Block für den sozialen Login angezeigt.
  • Auf der Checkout-Seite anzeigen: Wenn Sie es aktivieren, wird der Block für die soziale Anmeldung bei der Kasse angezeigt.
  • Text für die Überschrift: Dieser Text wird vor dem Social Login-Block angezeigt.
  • Standardsichtbare Option: Es wird das Nein von Symbolen sein, das standardmäßig im Block für soziale Anmeldung angezeigt wird.
  • Animiere Icons: Wenn Sie es aktivieren, wird der Animationseffekt bei Blockierungssymbolen für soziale Login-Elemente hinzugefügt.
  • Symbole sortieren: Die Reihenfolge der Symbole wird hier geändert. Die Icons am Frontend werden in der Reihenfolge angezeigt, wie sie admin hier eingestellt ist.

Webseiten Einstellungen

Der Administrator kann hier Web-Sites hinzufügen. Für jede Website werden ähnliche Einstellungen wie folgt vorgenommen:

  • Aktiv: Um die Website für die Anmeldung und Anmeldung zu aktivieren, wählen Sie Ja.
  • App ID (zB für Facebook: Facebook App Id) : Geben Sie Ihre Anwendungs-ID / Ihren Client ein. ID / Consumer ID wird von der entsprechenden Website zur Verfügung gestellt.
  • App Secret (zB für Facebook: Facebook App Secret): Geben Sie Ihr Anwendungsgeheimnis / Client ein. Secret / Consumer Secret wird von der entsprechenden Website bereitgestellt.
  • Wählen Sie Symbole: Für jede Website gibt es zwei Arten von Symbolen klein und groß. Wählen Sie eines der Symbole aus, das in der sozialen Anmeldeleiste angezeigt werden soll.

Abschnitt Berichte

Es gibt eine Registerkarte "Knowband" im Menü, unter der der Link "Socialloginizer.

Beim Klicken auf "Socialloginizer" erscheint ein Bildschirm mit drei Tabs: –

  1. Grafischer Bericht der Website: – Es zeigt soziale Login und Registrierungsdaten in grafischer Form.

  1. Social Login-Bericht: -Es zeigt eine Tabelle mit Daten zu jeder Social-Login-Website wie Login-Anzahl, Anzahl der Registrierungen usw.

  1. Social Login Benutzerbericht: – Es zeigt eine Tabelle mit Daten zu Kunden- und sozialen Anmeldeseiten wie Kunden-E-Mail, Login-Anzahl usw.

  1. Datenbank zurücksetzen: – Es gibt eine Schaltfläche "Datenbank zurücksetzen". Mit einem Klick auf diesen Button werden alle mit dem Social Login Plugin verbundenen Daten gelöscht.

Änderungen am Frontend: –

  1. Anmelde-Popup: Beim Aktivieren der Anmeldung erscheint ein Link mit dem in admin eingestellten Text.

Wenn Sie auf diesen Link klicken, wird ein Popup mit der Option für die soziale Anmeldung angezeigt.

  1. Loginseite: Wenn aktiviert, wird der Social Login-Block auf der Kunden-Login-Seite angezeigt.

  1. Registrierungsseite: Wenn aktiviert, wird der Social Login-Block auf der Seite zur Erstellung des Kundenkontos angezeigt.

  1. Kasse Seite: – Wenn aktiviert, wird der Social Login-Block an der Kasse angezeigt. Anmelden Popup.

Anhang

Wie wird die Weiterleitungs-URL festgelegt?

Lassen Sie Ihre Website url sein "www.example.com". und soziale Login-Seite ist "Facebook". Wenn Url Rewrite auf Ihrer Website aktiviert ist, wird die Weiterleitungs-URL ungesichert URL: http://www.example.com/socialloginizer/index/vssSoloApi Facebook /

  1. Gesicherte URL: https://www.example.com/socialloginizer/index/vssSoloApi Facebook /

Wenn Url Rewrite auf Ihrer Website deaktiviert ist, wird die Weiterleitungs-URL angezeigt

  1. Ungesicherte URL: http://www.example.com/index.php/socialloginizer/index/vssSoloApi Facebook /
  2. Gesicherte URL: https://www.example.com/index.php/socialloginizer/index/vssSoloApi Facebook /

Hinweis: Für Yahoo sind URLs ungesicherte URL: http://www.example.com/socialloginizer/index/vssSoloApi/

  1. Gesicherte URL: https://www.example.com/socialloginizer/index/vssSoloApi /

Wie bekomme ich Facebook App Details?

Schritte:

  1. Gehen Sie zur Facebook-Entwickler-Website (https://developers.facebook.com) oder klicken Sie auf den Link oben rechts auf der Registerkarte in der Modulkonfigurationsseite.
  2. Klicke auf Apps -> Eine neue App erstellen.
  3. Folgen Sie den Anweisungen auf dem Bildschirm.
  4. Sie erhalten die App-ID und das App-Geheimnis (Klicken Sie auf "Anzeigen").

  1. Gehen Sie nun im linken Menü zu Einstellungen.

  1. Klicken Sie auf "Plattform hinzufügen".
  2. Wählen Sie Website.
  3. Geben Sie Ihre App-Domain und die Site-URL ein.

Anwendungstyp: Webanwendung. Authorized JavaScriptorigins: Ihr Geschäftsdomänenname. (http://www.beispiel.com)

  1. Klicken Sie auf "Änderungen speichern".
  2. Gehen Sie nun zum "Status & Review" Tab im linken Menü und machen Sie die Anwendung Live.

Wie erhalte ich Google App-Details?

Schritte:

  1. Gehen Sie zur Google Developers Console (https://console.developers.google.com/projectselector/apis/library) oder klicken Sie auf Link zum Erstellen eines Projektlinks, der oben links auf der Seite oder in der Mitte der Seite angezeigt wird.

  1. Geben Sie den Namen des Projekts an.

  1. Erstellen Sie die Anmeldedaten, indem Sie auf die Schaltfläche Create Credentials klicken und die oAuth-Client-ID auswählen.

  1. Anmeldeinformationen können nur erstellt werden, nachdem Details im oAuth-Formular angegeben wurden. Klicken Sie auf "Gleich" und die Anmeldeinformationen können nun gefunden werden.

  1. Die Weiterleitungs-URL kann im Anmeldebildschirm festgelegt werden

Wie bekomme ich App-Details?

Schritte:

Gehen Sie zu LinkedIn Developers (https://www.linkedin.com/developer/apps) oder klicken Sie auf "Anwendung erstellen" und folgen Sie den Schritten.

Authentifizierungsdetails können in der Registerkarte Authentifizierung hinzugefügt werden.

Wie erhalte ich Live-App-Details?

Schritte:

  1. Gehen Sie zu Microsoft Development Center (https://apps.dev.microsoft.com/#/appList) oder klicken Sie auf App hinzufügen.

  1. Füllen Sie die Daten im Formular aus und klicken Sie auf Speichern.

Wie bekomme ich Twitter App Details?

Schritte:

  1. Gehen Sie zu Twitter App Management (https://apps.twitter.com/) oder klicken Sie auf den Link oben rechts auf der Registerkarte in der Modulkonfigurationsseite.

  1. Klicke auf "Neue App erstellen".
  2. Geben Sie die Anwendungsdetails wie folgt ein:

Anwendungsname: Name Ihrer Anwendung. Beschreibung: 10 zu 200 Zeichen Beschreibung Ihrer Anwendung. Website: Ihre Shop-URL. Rückruf-URL: Login-Umleitungsseite URL Ihres Shops.

  1. Klicken Sie nun auf "Ja, ich stimme zu" und dann auf "Erstellen Sie Ihre Twitter-Anwendung".
  2. Wählen Sie nun die "API Keys" aus dem Menü unter Ihrem Anwendungsnamen und kopieren Sie Ihren API Key und API Secret.

 

 

Wie bekomme ich Yahoo App Details?

Schritte:

  1. Gehen Sie zu Yahoo Developer Network (https://developer.yahoo.com/apps/) und klicken Sie auf den Link "Meine Apps" oben rechts und im Kopfmenü der Konfigurationsseite.

  1. Klicke auf "Eine App erstellen".

  1. Füllen Sie die erforderlichen Details gemäß Anweisungen aus

  1. Kopieren Sie Ihre "Client Id" und "Client Secret".

Wie erhalte ich Amazon App-Details?

Schritte:

  1. Gehen Sie zum Amazon Developer Network (http://login.amazon.com/manageApps) oder klicken Sie oben rechts auf der Registerkarte der Modulkonfigurationsseite auf den Link.

  1. Klicken Sie auf In der App Console-Schaltfläche anmelden.
  2. Nach erfolgreicher Anmeldung in der App-Konsole klicken Sie auf "Neue Anwendung registrieren" oben rechts auf der Seite und Sie werden zur nächsten Seite weitergeleitet.

  1. Geben Sie die Anwendungsdetails wie folgt ein:

Name: Name Ihrer Bewerbung Beschreibung: Beschreibung Ihrer Anwendung. Datenschutzhinweis URL: URL der Datenschutzrichtlinien-Seite Ihres Geschäfts. Logo Bild: Wählen Sie ein optionales Logo Ihres Shops.

  1. Klicken Sie auf die Schaltfläche Speichern.
  2. Klicken Sie nun auf Web Settings, um Ihre Client ID und Ihr Geheimnis zu erhalten.

  1. Zulässige Rückgabe-URL: Loginizer-Umleitungsseiten-URL Ihres Shops.

Hinweis: Um Amazon Login auf Ihrer Website zu ermöglichen, ist Ihre Website "muss mit HTTPS sicher sein"Sonst funktioniert die Amazon-Anmeldung nicht.

Wie bekomme ich Instagram App Details?

Schritte:

  1. Gehen Sie zu Instagram Developer Network (http://instagram.com/developer/clients/manage/#) oder klicken Sie auf den Link rechts oben auf der Registerkarte der Modulkonfigurationsseite.
  2. Klicken Sie auf die Schaltfläche Neuen Kunden registrieren oben rechts auf der Seite.

  1. Füllen Sie das folgende Formular aus

  1. Richten Sie OAuth redirect_uri als URL für die Umleitungsseite der Anmeldeseite Ihres Geschäfts ein. (http://www.example.com/module/socialoginizer/index/vssSoloApiInstagram).
  2. Klicken Sie auf die Schaltfläche Erstellen und kopieren und fügen Sie dann die Client-ID und das Kennwort im Admin-Panel des Plug-Ins hinzu.

Wie bekomme ich Paypal App Details?

Schritte:

  1. Gehen Sie zum Paypal Developer Network (https://developer.paypal.com/developer/applications/) und melden Sie sich an.
  2. Klicken Sie auf Meine Apps und Anmeldeinformationen.

  1. Geben Sie nun den Namen Ihrer Anwendung ein und klicken Sie auf App-Button erstellen.

  1. Standardmäßig sind Sandbox-Details ausgewählt, schalten Sie sie auf Live und geben Sie weitere App-Details ein.

  1. Legen Sie jetzt die Umleitungs-URL in den Live-App-Einstellungen fest.

  1. Aktivieren Sie Login mit Paypal und speichern Sie die Details.

Wie bekomme ich Dropbox App Details?

Gehe zu den Schritten:

Hinweis: Um die Dropbox-Anmeldung auf Ihrer Website zu aktivieren, muss Ihre Website "sicher mit HTTPS" sein, sonst funktioniert die Dropbox-Anmeldung nicht. Gehen Sie zur Dropbox Developer Website (https://www.dropbox.com/developers/apps) oder klicken Sie auf den Link unten auf der jeweiligen Registerkarte in der Modulkonfigurationsseite.

  1. Klicken Sie auf die Schaltfläche App erstellen und geben Sie einen Namen für die Anwendung ein.

  1. Füllen Sie die Details aus, legen Sie die Weiterleitungs-URL fest und speichern Sie die Einstellungen.

  1. Kopiere und füge den Schlüssel und das Geheimnis in das Plugin Admin Panel ein.

Wie bekomme ich WordPress App Details?

Schritte:

1. Gehen Sie zur WordPress Developer Website (https://developer.wordpress.com/apps/) oder klicken Sie auf den Link unten im jeweiligen Tab in der Modulkonfigurationsseite. 2. Klicken Sie auf die Schaltfläche "Neue Anwendung erstellen" und geben Sie einen Namen für die Anwendung ein.

  1. Füllen Sie die Details aus und speichern Sie die Anwendung.

  1. Kopieren Sie die Anmeldeinformationen und fügen Sie sie in die Admin-Konsole ein.

Wie bekomme ich FourSquare App Details?

Schritte:

  1. Gehen Sie zur Foursquare-Entwickler-Website (https://foursquare.com/developers/apps) oder klicken Sie auf den unteren Link in der Plugin-Admin-Konsole.
  2. Klicken Sie auf die Schaltfläche "Eine neue App erstellen".

  1. Füllen Sie die Details aus, legen Sie die Weiterleitungs-URL fest und speichern Sie die Anwendung.

  1. Kopieren Sie die Anmeldeinformationen.


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 *