{"id":17596,"date":"2017-03-16T13:13:17","date_gmt":"2017-03-16T13:13:17","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=3895"},"modified":"2022-08-13T12:01:14","modified_gmt":"2017-10-09T06:49:22","slug":"einrichten-des-prestashop-google-login-f%c3%bcr-prestashop-sites","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/de\/prestashop-de\/einrichten-des-prestashop-google-login-f%c3%bcr-prestashop-sites\/","title":{"rendered":"Einrichten des PrestaShop Google Login f\u00fcr PrestaShop-Sites"},"content":{"rendered":"

A PrestaShop Social Login Modul<\/a> kann verwendet werden, um ein Google-Login in Ihre E-Commerce-Website zu integrieren. Social Login-Modul besteht aus mehreren anderen sozialen Login-Optionen wie Facebook soziale Anmeldung<\/a>, Twitter soziale Anmeldung<\/a>, Drop-Box-Social-Login, usw. Als Webmaster zum ersten Mal ein Social Login einf\u00fchrten, wurde angenommen, dass die meisten Kunden ein Konto auf mindestens einer der Social Sites haben. So k\u00f6nnen die Webmaster die Informationen der Kunden auf diesen Seiten effektiv nutzen, um ein Benutzerkonto auf ihren Websites zu erstellen, und dies auch ohne die Kunden zu bitten, ein langwieriges Registrierungsformular auszuf\u00fcllen.<\/p>\n

Warum war Google Login erfolgreich?<\/strong><\/h2>\n

Google ist eine der am h\u00e4ufigsten verwendeten Suchmaschinen, E-Mail-Dienste und ein soziales Netzwerk. Parallel zu anderen sozialen Seiten wie Facebook und Twitter haben die meisten Kunden ein Google-Konto. Warum also nicht diese Plattform nutzen, um das Nutzererlebnis auf den Websites zu optimieren?<\/p>\n

In Anbetracht der PrestaShop-Websites sind sie heute eine der beliebtesten E-Commerce-Plattformen. Jeden Tag kommen eine gro\u00dfe Anzahl neuer PrestaShop-Websites auf den Markt und eine Sache, die ihnen fehlt, ist die Social-Login-Option. Wir haben also einen Weg gefunden, diese Plattform in Bezug auf Benutzerfreundlichkeit und Optimierung noch st\u00e4rker zu machen. Das PrestaShop Social Login-Modul<\/a> erm\u00f6glicht eine perfekte Kombination von Google-Login und PrestaShop auf Ihrer E-Commerce-Site implementiert werden. Mit der Verf\u00fcgbarkeit von anderen 12 Social Login-Optionen im selben PrestaShop-Modul ist dieses PrestaShop Social Login-Modul eine kluge Wahl f\u00fcr Ihre Tasche.<\/p>\n

Wie funktioniert Google Login?<\/strong><\/h2>\n

Eines ist klar: Sie m\u00fcssen sich nicht um die Benutzerauthentifizierung k\u00fcmmern. Google wird das f\u00fcr Sie \u00fcbernehmen. Wenn Sie auf Ihrer Website eine Google-Anmeldung einrichten, sehen die Nutzer auf der Seite "Anmeldung und Anmeldung" einen Link zur Google-Seite. Etwas wie das:<\/p>\n

\"3.1\"<\/p>\n

Wenn der Benutzer auf den Link klickt, wenn er bereits auf Ihrer Website registriert ist, wird er direkt auf der Benutzerkontoseite der Website angemeldet.<\/p>\n

Wenn er zum ersten Mal auf Ihrer Website ist (Nutzer ist noch nicht registriert), wird er gebeten, seine Google-Anmeldedaten im folgenden Pop-up-Fenster anzugeben:<\/p>\n

\"3.2\"<\/p>\n

Nachdem Sie die Details angegeben haben, erteilen Sie Google im n\u00e4chsten Schritt die Genehmigung.<\/p>\n

\"3.3\"<\/p>\n

Danach wird der Nutzer auf die Benutzerseite Ihrer Website oder auf eine von Ihnen ausgew\u00e4hlte Seite weitergeleitet. Auf diese Weise werden Sie Ihre Daten abrufen, die auf Ihrer Website verwendet werden.<\/p>\n

Einrichten des PrestaShop Google-Logins im Social Login-Modul<\/strong><\/p>\n

Schritt 1: <\/strong>Sie k\u00f6nnen ein beliebiges PrestaShop Google-Login-Modul verwenden. Hier verwende ich jedoch das Modul Social Loginizer. Also m\u00fcssen Sie zuerst das PrestaShop Social Login-Modul herunterladen und installieren (oder ein PrestaShop-Google-Login, das Sie haben).<\/p>\n

Schritt 2<\/strong>: Nachdem Sie das Modul installiert haben, wechseln Sie auf der Seite mit den Modulen zum Konfigurationsbereich.<\/p>\n

\"3.4\"<\/p>\n

Schritt 3<\/strong>: Aktivieren Sie das Modul in der Allgemeine Einstellungen<\/em><\/strong> Tab<\/p>\n

\"1.2\"<\/p>\n

Schritt 4<\/strong>: Als N\u00e4chstes navigieren Sie zu den Google Plus-Einstellungen. Dort finden Sie die folgende Benutzeroberfl\u00e4che zum Einrichten des Google-Login.<\/p>\n

\"3.5\"<\/p>\n

Um das Google Plus-Login einzurichten, ben\u00f6tigen Sie zwei wichtige Details. Google Plus-Kunden-ID<\/em><\/strong> und Google Plus-Kundengeheimnis<\/em><\/strong>.<\/p>\n

Wie bekomme ich die Google Plus Client ID und den Google Plus Client Secret?<\/strong><\/p>\n

Sie k\u00f6nnen diese Schritte ausf\u00fchren, um die Google Plus-Client-ID und das Google Plus-Clientgeheimnis zu erhalten:<\/p>\n

    \n
  1. Klicken Sie auf den hervorgehobenen Link, wenn Sie das Social Login-Modul verwenden. Ansonsten k\u00f6nnen Sie direkt die folgende URL aufrufen:<\/li>\n<\/ol>\n

    https:\/\/console.developers.google.com\/project<\/p>\n

    \"3.6\"<\/p>\n

    2. Klicken Sie nun auf Mein Projekt<\/em><\/strong> und dann Erstellen Sie ein Projekt<\/em><\/strong><\/p>\n

    \"google1\"<\/p>\n

    3. Geben Sie Ihrem Projekt einen Namen und klicken Sie dann auf Erstellen<\/em><\/strong><\/p>\n

    \"google3\"<\/p>\n

    4.In API Setting, gehen Sie zu Credentials und klicken Sie auf Erstellen Sie Anmeldeinformationen<\/em><\/strong> Taste.<\/p>\n

    \"google2\"<\/p>\n

    5. Im n\u00e4chsten Schritt sehen Sie ein Pop-up. Klicke auf OAuth-Client-ID<\/em><\/strong><\/p>\n

    \"google3\"<\/p>\n

    6. Um die OAuth-Client-ID zu konfigurieren, m\u00fcssen Sie zuerst einen Produktnamen im Zustimmungsbildschirm festlegen. So, jetzt, Klicken Sie auf Konfigurieren Sie das Zustimmungsfenster<\/em><\/strong> f\u00fcr den n\u00e4chsten Schritt.<\/p>\n

    \"google7\"<\/p>\n

    7. Geben Sie die Details wie im Bild unten angegeben ein und klicken Sie auf Speichern<\/em><\/strong><\/p>\n

    \"google8\"<\/p>\n

    8. Im n\u00e4chsten Bildschirm w\u00e4hlen Sie Internetanwendung. <\/em><\/strong>Geben Sie dann den App-Namen an (z. B. Social Login) und geben Sie die URLs wie in der Abbildung unten ein:<\/p>\n

    \"google<\/p>\n

    Bitte beachten Sie:<\/strong><\/p>\n