Opencart Social Loginizer – User Manual

Wie installiert man OpenCart Social Login Plugin auf Ihrem Server

1. Ordnerstruktur des Plugin-Ordners "Landing Page Creator".

16

2. Öffnen Sie den Upload-Ordner und Sie finden die folgende Ordnerstruktur:

17
Sie müssen VQMOD installiert haben, damit dieses Plug-in funktioniert. Wenn VQMOD nicht installiert ist, laden Sie bitte die folgenden URLs von der URL herunter und installieren Sie sie: http://code.google.com/p/vqmod/

3. Wählen Sie den gesamten Ordner aus und ziehen Sie ihn in das Stammverzeichnis Ihres OpenCart Geschäft über FTP.

4. Sie können das Plug-In für die Installation in den Modulen in Ihrem OpenCart Store finden, wie unten gezeigt.

18

5. Klicken Sie auf den Link Installieren, um das Plug-in zu installieren. Dies wird auch eine Drop-Down-Option in Ihrer Menüleiste hinzufügen, die alle Plug-Ins von Velocity auflistet, die in Ihrem Geschäft zur schnellen Navigation installiert sind. Diese Dropdown-Liste enthält auch ein Meldungsfeld, mit dem wir Sie über neu gestartete Plug-Ins oder neue Updates informieren können.

19

6. Löschen Sie die Vqcache-Dateien aus dem vqmod / vqcache-Ordner.

7. Um auf das Social Login-Plug-in zuzugreifen, klicken Sie auf die Schaltfläche Bearbeiten im Modulbereich, wie unten gezeigt:

20
8. Wenn Sie auf Bearbeiten klicken, öffnet sich das Modul für das Plug-In. Es enthält Navigationsleiste oben, Menü links und Hauptinhalt in der Mitte, wie unten gezeigt.

21

1. Allgemeine Einstellungen

1. Um das Plug-In zu aktivieren / deaktivieren, schalten Sie den Enable-Schalter OFF auf ON / ON auf OFF, dies ist nur rechts neben Enable / Disable label.

2. Drag-and-Drop-Login-Schaltflächen, um ihre Sortierreihenfolge zu ändern.

3. Klicken Sie auf die Schaltfläche Modul hinzufügen, und fügen Sie dieses Plug-In einer bestimmten Layoutseite hinzu.

2. Registerkarte "Facebook-Einstellungen"

Die Facebook Der Tab "Einstellungen" hat Facebook-Anmeldeeinstellungen wie: 1. Aktivieren / Deaktivieren: Sie können die Facebook-Anmeldung ein- oder ausblenden, indem Sie hier aktivieren oder deaktivieren.

2.Facebook App-ID: Die Facebook App-ID, die von https://www.developers.facebook.com zur Verfügung gestellt wird (siehe Anhang zur App-Details).

3. Facebook App Secret: Das Facebook App-Secret (Siehe Anhang So erhalten Sie Facebook App Details).

4. Facebook Button Size: Der Facebook-Login-Button ist in zwei Größen erhältlich, einem kleinen und einem großen. Sie können einen von ihnen wählen.

22

3. Google Plus-Einstellungen Registerkarte

Die Google plus Der Tab "Einstellungen" enthält Anmeldeeinstellungen für Google+ wie: 1. Aktivieren / Deaktivieren: Aktivieren oder Deaktivieren der Google Plus-Anmeldung.

2. Google Client-ID: Die Google Plus-Client-ID. (Siehe Anhang So erhalten Sie Google App-Details).

3. Google Client Secret: Das Google plus Client-Secret. (Siehe Anhang So erhalten Sie Google App-Details).

4. Google Button Size: Der Google-Login-Button ist in zwei Größen erhältlich, einem kleinen und einem großen. Sie können einen von ihnen wählen.

23

4. Registerkarte "LinkedIn Einstellungen"

Die LinkedIn Der Tab "Einstellungen" enthält Anmeldeeinstellungen für LinkedIn: 1. Aktivieren / Deaktivieren: Aktivieren oder Deaktivieren der LinkedIn-Anmeldung.

2. LinkedIn Client ID: Die LinkedIn Client-ID. (Siehe Anhang So erhalten Sie die App-Details von LinkedIn).

3. LinkedIn Client Secret: Das LinkedIn Client-Secret. (Siehe Anhang So erhalten Sie die App-Details von LinkedIn).

4. Größe des LinkedIn Buttons: Der LinkedIn Login-Button ist in zwei Größen erhältlich, einem kleinen und einem großen. Sie können einen von ihnen wählen.

24

5. Registerkarte Live-Einstellungen

Die Registerkarte Live-Einstellungen hat Windows Live Anmeldeeinstellungen:

1. Aktivieren / Deaktivieren: Zum Aktivieren oder Deaktivieren der Live-Anmeldung.

2. Live Client ID: Die Live Client-ID. (Siehe Anhang So erhalten Sie Live-App-Details).

3. Live-Client-Geheimnis: Das Live-Client-Geheimnis. (Siehe Anhang So erhalten Sie Live-App-Details).

4. Live Button Size: Der Yahoo-Login-Button ist in zwei Größen erhältlich, einem kleinen und einem großen. Sie können einen von ihnen wählen.

25live

6. Twitter Einstellungen Registerkarte

Die Twitter-Registerkarte "Einstellungen" enthält die Anmeldeeinstellungen für Twitter: 1. Aktivieren / Deaktivieren: Zum Aktivieren oder Deaktivieren der Twitter-Anmeldung.

2. Twitter Client ID: Die Twitter Client-ID. (Siehe Anhang So erhalten Sie Twitter App-Details).

3. Twitter-Client-Geheimnis: Das Twitter-Client-Geheimnis. (Siehe Anhang So erhalten Sie Twitter App-Details).

4. Twitter Button Size: Der Twitter-Login-Button ist in zwei Größen erhältlich, einem kleinen und einem großen. Sie können einen von ihnen wählen.

26twi

7. Yahoo Einstellungen Registerkarte

Die Yahoo Die Registerkarte "Einstellungen" hat die Anmeldeeinstellungen für yahoo: 1. Aktivieren / Deaktivieren: Aktivieren oder Deaktivieren der Yahoo-Anmeldung.

2. Yahoo Client ID: Die Yahoo Client-ID. (Siehe Anhang So erhalten Sie Yahoo App-Details).

3. Yahoo Client Secret: Das Yahoo Client-Geheimnis. (Siehe Anhang So erhalten Sie Yahoo App-Details).

4. Yahoo Button Size: Der Yahoo-Login-Button ist in zwei Größen erhältlich, einem kleinen und einem großen. Sie können einen von ihnen wählen.

27yahoo

8. Registerkarte "Amazon-Einstellungen"

Die Amazon Die Registerkarte "Einstellungen" hat Anmeldeeinstellungen für Amazon: 1. Aktivieren / Deaktivieren: Aktivieren oder Deaktivieren der Amazon-Anmeldung.

2. Amazon Client-ID: Die Amazon-Client-ID. (Siehe Anhang So erhalten Sie die Amazon App-Details).

3. Amazon-Client-Geheimnis: Das Amazon-Client-Geheimnis. (Siehe Anhang So erhalten Sie die Amazon App-Details).

4. Amazon Button Size: Der Amazon-Login-Button ist in zwei Größen erhältlich, einem kleinen und einem großen. Sie können einen von ihnen wählen.

Screenshot von 2014-10-29 19: 28: 19

9. Registerkarte "Instagram-Einstellungen"

Die Instagram Die Registerkarte "Einstellungen" hat Instagram-Anmeldeeinstellungen. 1.Enable / Disable: Zum Aktivieren oder Deaktivieren der Instagram-Anmeldung.

2. Instagram-Client-ID: Die Instagram-Client-ID. (Siehe Anhang So erhalten Sie Instagram App-Details).

3. Instagram-Client-Geheimnis: Das Instagram-Client-Geheimnis. (Siehe Anhang So erhalten Sie Instagram App-Details).

4. Instagram Button Size: Der Instagram-Login-Button ist in zwei Größen erhältlich, einem kleinen und einem großen. Sie können einen von ihnen wählen.

Screenshot von 2014-10-29 19: 27: 55

10. Paypal Einstellungen Registerkarte

Die Paypal Einstellungen Tab hat Paypal Login-Einstellungen: 1. Aktivieren / Deaktivieren: Aktivieren oder Deaktivieren der Paypal-Anmeldung.

2. Paypal Kunden ID: Die Paypal Client-ID. (Siehe Anhang Wie bekomme ich Paypal App Details).

3. Paypal Client Secret: Das Paypal Client-Secret. (Siehe Anhang Wie bekomme ich Paypal App Details).

4. Paypal Button Size: Der Paypal-Login-Button ist in zwei Größen erhältlich, einem kleinen und einem großen. Sie können einen von ihnen wählen.

Screenshot von 2014-10-29 19: 28: 36

11. Rufen Sie den Support-Tab auf

1. Wenn Sie auf den Tab "Support abrufen" klicken, werden Sie auf unsere Support-Website weitergeleitet, wo Sie das tun können Kontaktieren Sie unseren Support für Hilfe. Verwenden Sie diese Registerkarte für den Fall, dass Sie Fragen stellen oder einen Fehler finden.

12. Registerkarte "Thema"

1. Wenn Sie auf die Registerkarte klicken, haben Sie die Möglichkeit, das Thema zu ändern Sozial-Login Administrationsmenü.

31

Social Login-Tasten

Im Store Front sind die SNS-Login-Schaltflächen auf jeder Seite verfügbar, entweder durch Hinzufügen von der Registerkarte Allgemeine Einstellungen des Admin-Moduls oder durch Einfügen eines Funktionscodes in eine der Katalog * .tpl-Dateien im Vorlagenordner. Funktionscode für den SNS-Login-Button:

Dies erzeugt Schaltflächen wie folgt:

32

1. Wie bekomme ich Facebook App Details?

Schritte:

1. Gehen Sie zur Facebook-Entwickler-Website (https://developers.facebook.com)

2.Klicke auf Apps -> Erstelle eine neue App.

3.Folgen Sie den Anweisungen auf dem Bildschirm.

4. Sie erhalten die App-ID und das App-Geheimnis (Klicken Sie auf die Schaltfläche Anzeigen).

33

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

34

6. Klicken Sie auf die Schaltfläche Plattform hinzufügen.

7. Wählen Sie Website.

8. Geben Sie Ihre App-Domain und die Site-URL ein.

35

9. Klicken Sie auf Änderungen speichern.

10. Wechseln Sie nun zum Status & Review Tab im linken Menü und erstellen Sie die Anwendung Live.

2. Wie erhalte ich Google App-Details?

Schritte: 1. Rufen Sie die Google Developers Console auf (https://code.google.com/apis/console).

2. Klicken Sie nun im linken Menü auf Apps & Auth-> Anmeldeinformationen.

36

3.Klicken Sie im rechten Bereich des Bildschirms auf die Schaltfläche Neue Client-ID erstellen.

4. Füllen Sie das Popup-Formular mit den folgenden Details aus: o Anwendungstyp: Webanwendung. o Autorisierte JavaScript-Origins: Ihr Geschäftsdomänenname. (http://www.example.com) oAuthorized Weiterleitungs-URI: URI der SNSLogin-Weiterleitungsseite. (http://www.example.com/index.php?route=snslogin/redirect).

37

5.Now klicken Sie auf die Schaltfläche Client-ID erstellen, um Ihre Client-ID und Ihren geheimen Clientschlüssel abzurufen.

38

3. Wie bekomme ich App-Details?

Schritte: 1.Zum LinkedIn Entwickler (https://www.linkedin.com/secure/developer). 2.Klicken Sie auf Neue Anwendung hinzufügen.

39

3.Füllen Sie das Formular aus, um eine neue Anwendung zu registrieren. Website-URL muss Ihre Store-URL sein wie: http://www.example.com. 4.Klicken Sie auf Anwendung hinzufügen, um das Formular zu senden und Ihren API-Schlüssel und Geheimschlüssel sicher zu verwahren.

40

4. Wie erhalte ich Live-App-Details?

Schritte: 1.Zum Microsoft Development Center (https://account.live.com/developers/applications).

41

2.Klicken Sie auf Anwendung erstellen.

3.Geben Sie den Namen der Anwendung ein und klicken Sie auf die Schaltfläche Ich stimme zu.

42

4. Wählen Sie im linken Menü API-Einstellungen.

5. Aktivieren Sie im rechten Bereich Erweiterte Umleitungssicherheit, geben Sie die URL der Umleitungsseite der SNSLogin ein (http://yoursite.com/catalog/controller/snslogin/snslogin_redirect.php) in Weiterleitungs-URLs und klicken Sie auf Speichern.

43

6.Nun von links Menü klicken Sie auf App Einstellung Sand kopieren Sie Ihre Client-ID und Client Secret.

44

5. Wie kommt man Twitter App Details?

Schritte: 1.Gehen Sie zu Twitter-App Management (https://apps.twitter.com/).

45

2.Klicken Sie auf Neue Anwendung erstellen.

3: Geben Sie Anwendungsdetails wie folgt ein: o Anwendungsname: Name Ihrer Anwendung. o Beschreibung: 10 to 200 Zeichen Beschreibung Ihrer Anwendung. o Website: Ihre Shop-URL. o Callback-URL: SNSLoginrichtige Seiten-URL Ihres Shops. (http://www.example.com/index.php?route=snslogin/redirect).

4. Klicken Sie nun auf Ja, stimme zu und klicken Sie dann auf Ihre Twitter-Anwendung erstellen.

5. Wählen Sie nun die API-Schlüssel aus dem Menü unter Ihrem Anwendungsnamen und kopieren Sie Ihren API-Schlüssel und API-Schlüssel.

46

6. Wie bekomme ich Yahoo App Details?

Schritte: 1. Gehen Sie zu Yahoo Developer Network (https://developer.apps.yahoo.com/projects).

47

2.Click Erstellen Sie ein Projekt.

3.Füllen Sie die erforderlichen Details gemäß den Anweisungen aus. Die Home-URL ist Ihre Store-URL.

4.Klicken Sie auf die Schaltfläche "Projekt erstellen".

5.Kopieren Sie Ihren Consumer Key und Ihr Consumer Secret.
48

7. Wie kommt man Amazon App Einzelheiten?

Schritte: 1. Rufen Sie das Amazon Developer Network (http://login.amazon.com/manageApps) auf.

49

2. Klicken Sie auf In der App Console-Schaltfläche anmelden.

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

50

4.Geben Sie die Anwendungsdetails wie folgt ein: o Name: Name Ihrer Anwendung. o Beschreibung: Beschreibung Ihrer Anwendung. o Datenschutzhinweis URL: URL der Datenschutzrichtlinienseite Ihres Geschäfts. o Logo Bild: Wählen Sie ein optionales Logo Ihres Geschäftes.

5. Klicken Sie auf die Schaltfläche Speichern.

6. Klicken Sie nun auf Web Settings, um Ihre Client ID und Ihr Geheimnis zu erhalten.

51. Zulässige Rückgabe-URL: SNSLogin-Weiterleitungsseiten-URL Ihres Shops. (http://www.example.com/index.php?route=snslogin/redirect).

8. Wie kommt man Instagram-App Einzelheiten?

Schritte: 1. Gehen Sie zu Instagram Developer Network (http://instagram.com/developer/clients/manage/#).

2. Klicken Sie auf die Schaltfläche Neuen Kunden registrieren oben rechts auf der Seite.

52

3. Füllen Sie das folgende Formular aus

53

4. Legen Sie OAuth redirect_uri als SNSLogin-Weiterleitungsseiten-URL Ihres Geschäfts fest. (http://www.example.com/index.php?route=snslogin/redirect).

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

9. Wie kommt man Paypal App Einzelheiten?

Schritte: 1. Gehen Sie zum Paypal Developer Network (https://developer.paypal.com/webapps/developer/applications/myapps).

2. Klicken Sie auf die Schaltfläche App erstellen.

54

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

55

4. Legen Sie die App-Rückgabe-URL (live) als SNSLogin-Umleitungsseiten-URL Ihres Geschäfts fest. (http://www.example.com/index.php?route=snslogin/redirect).

56

5. Kopieren Sie die Live-Anmeldedaten und fügen Sie sie in das Admin-Panel des Plug-Ins ein.

57

Ähnliche Beiträge:

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 *