Hilfe
Einloggen

Social-Sign-in für Kundenkonten

Zusätzlich zum standardmäßigen passwortlosen Anmeldeerlebnis für Kundenkonten kannst du deine Google- und Facebook-Konten verknüpfen, damit sich Kund:innen mit ihren Social-Media-Anmeldedaten anmelden können.

Die Aktivierung von Social-Sign-in für Kundenkonten bietet Kund:innen ein schnelleres Anmeldeerlebnis über vertraute Authentifizierungsmethoden. Du kannst mehrere Social-Sign-in-Methoden in deinem Shop aktivieren.

Wenn du deinen eigenen Identitätsanbieter mit Kundenkonten verknüpft hast und Social-Sign-in verbinden möchtest, musst du dich an deinen externen Identitätsanbieter wenden.

Auf dieser Seite

Überlegungen zur Verknüpfung von Social-Sign-in mit Kundenkonten

Beachte die folgenden Überlegungen für die Verknüpfung von Social-Sign-in mit Kundenkonten:

  • Du benötigst ein Entwicklerkonto für den Anbieter, den du mit Kundenkonten verknüpfen möchtest.
  • Die E-Mail-Adresse ist die einzige Kundeninformation, die bei der Nutzung von Social-Sign-in mit Shopify synchronisiert wird.

Google mit Kundenkonten verknüpfen

Um Google mit Kundenkonten zu verknüpfen, musst du die folgenden Aufgaben nacheinander ausführen:

Während des Setups musst du zwischen den Browser-Tabs für deine Google Cloud Console und deinen Shopify-Adminbereich wechseln. Du musst ein Google-Cloud-Konto eingerichtet haben, um Google mit Kundenkonten zu verknüpfen. Weitere Informationen zu Google Cloud findest du in der Hilfedokumentation von Google.

Schritt 1: Seite „Mit Google anmelden“ in deinem Shopify-Adminbereich öffnen

  1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Kundenkonten.

  2. Klicke im Abschnitt Authentifizierung auf Verwalten.

  3. Klicke neben Google auf Verknüpfen, um die Seite Mit Google anmelden zu öffnen.

Diese Seite enthält Informationen, die du bei der Konfiguration des OAuth-Clients deiner Google-App kopieren und einfügen musst. Lass diese Seite daher in einem separaten Browser-Tab geöffnet.

Schritt 2: App in deiner Google Cloud Console erstellen

  1. Melde dich in einem anderen Browser-Tab in deiner Google Cloud Console an.
  2. Wähle ein vorhandenes Projekt aus oder erstelle ein neues. Du wirst zum Dashboard des Projekts weitergeleitet.
  3. Klicke auf Menü und dann auf APIs und Dienste > Anmeldedaten.
  4. Klicke auf Zustimmungsbildschirm konfigurieren > Erste Schritte.
  5. Gib die OAuth-Konfigurationsdetails für dein Projekt ein:
    1. Gib deiner App einen Namen, den deine Kundschaft erkennt, z. B. den Namen deines Onlineshops. Gib deine E-Mail-Adresse für den technischen Support an und klicke dann auf Weiter.
    2. Wähle im Abschnitt Zielgruppe die Option Extern aus und klicke dann auf Weiter.
    3. Gib eine Kontakt-E-Mail-Adresse für Benachrichtigungen von Google zum Projekt an und klicke dann auf Weiter.
    4. Stimme den Richtlinien für Nutzerdaten der Google API-Dienste zu und klicke auf Fortfahren.
    5. Klicke auf Erstellen.
  6. Konfiguriere die Richtlinieninformationen deiner App, die Kund:innen auf dem Zustimmungsbildschirm angezeigt werden:
    1. Klicke auf Branding.
    2. Füge im Abschnitt App-Domain einen Link zu deiner Startseite, einen Link zu deiner öffentlichen Datenschutzerklärung und einen Link zu deinen Allgemeinen Geschäftsbedingungen hinzu. Mehr Informationen zum Erstellen von Shop-Richtlinien.

Schritt 3: OAuth-Client deiner App in der Google Cloud Console konfigurieren

In diesem Schritt musst du Details aus dem Abschnitt Setup-Anweisungen auf der Seite Mit Google anmelden in deinem Shopify-Adminbereich kopieren und in die entsprechenden Felder im Tab der Google Cloud Console einfügen.

  1. Klicke in der App deines Projekts in der Google Cloud Console auf Übersicht.
  2. Klicke im Abschnitt Metriken auf OAuth-Client erstellen.
  3. Konfiguriere die Details des OAuth-Clients:
    1. Wähle im Dropdown-Menü Anwendungstyp die Option Webanwendung aus.
    2. Gib im Feld Name einen Namen ein.
  4. Konfiguriere die Autorisierten JavaScript-Quellen für deine App:
  5. Klicke im Abschnitt Autorisierte JavaScript-Quellen auf + URI hinzufügen.
  6. Kopiere auf der Seite Mit Google anmelden in deinem Shopify-Adminbereich den Wert für die Autorisierten JavaScript-Quellen.
  7. Füge den Wert in deiner Google Cloud Console in das Feld URIs 1 ein.
  8. Wenn du mehr als eine URI im Abschnitt Autorisiertes JavaScript deines Shopify-Adminbereichs hast, wiederhole diese Schritte für die zusätzlichen URI-Felder.
  9. Konfiguriere die Autorisierten Weiterleitungs-URIs für deine App:
  10. Klicke in der Google Cloud Console im Abschnitt Autorisierte Weiterleitungs-URIs auf + URI hinzufügen.
  11. Kopiere in deinem Browser-Tab mit deinem Shopify-Adminbereich den Wert für die Autorisierte Weiterleitungs-URI.
  12. Gehe zurück zu deiner Google Cloud Console und füge den Wert in das Feld URIs 1 ein.
  13. Wenn du mehr als eine URI im Abschnitt Autorisierte Weiterleitungs-URI deines Shopify-Adminbereichs hast, wiederhole diese Schritte für die zusätzlichen URI-Felder.
  14. Klicke in deiner Google Cloud Console auf Erstellen.

Lass das angezeigte Dialogfeld OAuth-Client erstellt für Schritt 4: Anmeldedaten in deinem Shopify-Adminbereich konfigurieren geöffnet, da du Informationen aus der Google Cloud Console kopieren und in deinen Shopify-Adminbereich einfügen musst.

Schritt 4: Anmeldedaten in deinem Shopify-Adminbereich konfigurieren

  1. Kopiere die Client-ID aus dem Dialogfeld OAuth-Client erstellt in deiner Google Cloud Console.
  2. Füge die Client-ID in deinem Shopify-Adminbereich auf der Seite Mit Google anmelden im Abschnitt Anmeldedaten ein.
  3. Kopiere das Client-Secret aus dem Dialogfeld OAuth-Client erstellt in deiner Google Cloud Console.
  4. Füge das Client-Secret in deinem Shopify-Adminbereich auf der Seite Mit Google anmelden im Abschnitt Anmeldedaten ein.
  5. Klicke in deinem Shopify-Adminbereich auf der Seite Mit Google anmelden auf Speichern.

Schritt 5: App in deiner Google Cloud Console veröffentlichen

  1. Klicke in der App deines Projekts in der Google Cloud Console auf Zielgruppe.
  2. Klicke auf App veröffentlichen.

Facebook mit Kundenkonten verbinden

Um Facebook mit Kundenkonten zu verbinden, musst du die folgenden Aufgaben in dieser Reihenfolge ausführen:

Während des Setups musst du zwischen den Browser-Tabs für dein Meta for Developers-Dashboard und deinen Shopify-Adminbereich wechseln. Um Facebook mit Kundenkonten zu verbinden, benötigst du ein Meta Developer-Konto. Erfahre, wie du dich als Meta Developer registrierst.

Schritt 1: Seite „Mit Facebook anmelden“ in deinem Shopify-Adminbereich öffnen

  1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Kundenkonten.

  2. Klicke im Abschnitt Authentifizierung auf Verwalten.

  3. Klicke neben Facebook auf Verbinden, um die Seite Mit Facebook anmelden zu öffnen.

Schritt 2: App im „Meta for Developers“-Dashboard erstellen

  1. Gehe in einem separaten Browser-Tab zum Meta for Developers-Dashboard und klicke dann auf Anmelden, um dich anzumelden. Wenn du noch kein Meta Developer-Konto eingerichtet hast, musst du auf der Login-Seite ein neues Konto erstellen, bevor du mit dem nächsten Schritt fortfahren kannst.
  2. Klicke auf Apps.
  3. Klicke auf App erstellen.
  4. Fülle die Felder App-Name und Kontakt-E-Mail für App aus und klicke dann auf Weiter.
  5. Wähle auf der Seite Anwendungsfälle hinzufügen die Option Authentifizieren und Daten von Nutzern mit Facebook Login anfordern aus und klicke dann auf Weiter.
  6. Wähle auf der Seite Welches Business-Portfolio möchtest du mit dieser App verbinden ein Business-Portfolio aus oder wähle Ich möchte noch kein Business-Portfolio verbinden. aus und klicke dann auf Weiter.
  7. Überprüfe die Seite Veröffentlichungsanforderungen und klicke dann auf Weiter.
  8. Überprüfe die Seite Übersicht und klicke dann auf Zum Dashboard gehen.

Schritt 3: Meta-App-Einstellungen konfigurieren

  1. Klicke nach der Erstellung einer App in deinem „Meta for Developers“-Dashboard auf Anwendungsfälle.
  2. Klicke im Anwendungsfall Authentifizieren und Daten von Nutzern mit Facebook Login anfordern auf Anpassen.
  3. Klicke im Abschnitt Berechtigungen und Funktionen neben E-Mail auf Hinzufügen, um sicherzustellen, dass Kundeninformationen bei der Anmeldung erfasst werden.
  4. Klicke auf Einstellungen und navigiere dann zu Client-OAuth-Einstellungen.
  5. Kopiere auf der Seite Mit Facebook anmelden in deinem Shopify-Adminbereich die Weiterleitungs-URL aus dem Abschnitt Weiterleitungs-URLs.
  6. Füge auf der Seite Einstellungen in deinem „Meta for Developers“-Dashboard die Weiterleitungs-URL in das Feld Gültige OAuth-Redirect-URIs ein.
  7. Wenn du in deinem Shopify-Adminbereich im Abschnitt Weiterleitungs-URLs mehr als eine Weiterleitungs-URL hast, wiederhole diese Schritte für die zusätzlichen Weiterleitungs-URLs.
  8. Kopiere in deinem Shopify-Adminbereich auf der Seite Mit Facebook anmelden die URL aus dem Abschnitt URL für das Aufheben der Autorisierung.
  9. Füge auf der Seite Einstellungen in deinem „Meta for Developers“-Dashboard die URL in das Feld Callback-URL für das Aufheben der Autorisierung ein.
  10. Klicke auf der Seite Einstellungen in deinem „Meta for Developers“-Dashboard auf Änderungen speichern.

Schritt 4: Anmeldedaten in deinem Shopify-Adminbereich konfigurieren

  1. Klicke auf das Startseite-Symbol, um zu deinem „Meta for Developers“-Dashboard zurückzukehren, und klicke dann auf App-Einstellungen > Grundlegendes.
  2. Kopiere die App-ID aus deinem „Meta for Developers“-Dashboard.
  3. Füge in deinem Shopify-Adminbereich auf der Seite Mit Facebook anmelden die App-ID im Abschnitt Anmeldedaten in das Feld App-ID ein.
  4. Klicke in deinem „Meta for Developers“-Dashboard neben dem App-Secret auf Anzeigen und kopiere dann das App-Secret.
  5. Füge in deinem Shopify-Adminbereich auf der Seite Mit Facebook anmelden das App-Secret in das Feld App-Secret ein und klicke dann auf Speichern.
  6. Klicke in deinem Shopify-Adminbereich auf Änderungen speichern.

Schritt 5: „Mit Facebook anmelden“ testen und aktivieren

  1. Klicke in deinem Shopify-Adminbereich auf der Seite Mit Facebook anmelden auf Weitere Aktionen > Vorschau und teste dann den Facebook-Authentifizierungsablauf so, als würdest du dich als Kund:in in deinem Shop anmelden.
  2. Klicke auf Aktivieren.

Nachdem du „Mit Facebook anmelden“ aktiviert hast, kannst du die Kundenerfahrung testen, indem du zu deinem Onlineshop navigierst und dich über Facebook bei deinem Kundenkonto anmeldest.

Mit Shop anmelden

Wenn du Shop Pay aktiviert hast, können sich deine Kund:innen mit ihren Shop-Anmeldedaten und gespeicherten Passkeys anmelden. Kund:innen werden außerdem automatisch bei Shop angemeldet, nachdem sie in deinem Shop mit Shop Pay ausgecheckt haben.

Anmelden mit Shop ist automatisch für Kundenkonten aktiviert und kann nur aus deinem Shop entfernt werden, wenn du Shop Pay deaktivierst.

Erfahre, wie du deinem Shop einen Button Anmelden mit Shop hinzufügen kannst.

Social-Sign-in-Optionen verwalten

Du kannst eine verknüpfte Social-Sign-in-Methode bearbeiten, deaktivieren oder entfernen.

Nachdem du eine Social-Sign-in-Methode deaktiviert oder entfernt hast, bleibt deine Kundschaft angemeldet, um Unterbrechungen zu vermeiden. Social-Sign-in-Sitzungen laufen von selbst ab oder wenn die Kundschaft sich abmeldet.

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Einstellungen > Kundenkonten.

  2. Klicke im Abschnitt Authentifizierung auf Verwalten.

  3. Klicke neben der Anmeldemethode, die du ändern möchtest, auf das Menü ….

  4. Führe einen der folgenden Schritte aus:

    • Um eine Anmeldeoption zu bearbeiten, klicke auf Verwalten und aktualisiere dann die Anmeldedaten, die du bearbeiten möchtest.
    • Um eine Anmeldeoption zu deaktivieren, ohne sie zu entfernen, klicke auf Deaktivieren.
    • Um eine Anmeldeoption zu entfernen, klicke auf Entfernen und klicke dann im Dialogfeld auf Entfernen.

Social Sign-ins bei Änderung deiner Kundenkonten-Domain aktualisieren

Wenn du vorhast, deine Kundenkonten-Domain in eine andere URL zu ändern, musst du deine Social-Sign-in-Einstellungen aktualisieren, bevor du die Änderung in Shopify vornimmst. Dadurch wird sichergestellt, dass sich Kund:innen weiterhin ohne Unterbrechung anmelden können.

Diese Schritte sind erforderlich, wenn du die URL deiner Kundenkonten in Shopify vom alten Format, z. B. shopify.com/1234567890/account, auf das neue Subdomain-Format account.dein-shop.com aktualisierst, oder von einer bestehenden Subdomain auf eine andere Subdomain, z. B. bei der Aktualisierung von account.dein-shop.com auf customers.dein-shop.com.

Neue Kundenkonten-Subdomain zu deinen Social-Media-Anbietern hinzufügen

Du fügst die neue Domain zusätzlich zu deiner aktuellen Domain den Einstellungen deines Social-Media-Anbieters hinzu. Nachdem du die Kundenkonten-Domain in Shopify geändert und sichergestellt hast, dass der An- und Abmeldeprozess für Kundenkonten funktioniert, kannst du die alten Domain-Einträge entfernen.

Du musst diese Schritte für jede aktivierte Social-Sign-in-Option wiederholen.

Schritte:

Google
  1. Gehe zur Google Cloud Console und öffne APIs und Dienste > Anmeldedaten.
  2. Wähle den OAuth 2.0-Client aus, den du für Shopify erstellt hast.
  3. Füge unter Autorisierte JavaScript-Quellen einen neuen Eintrag hinzu. Beispiel: https://account.dein-shop.com
  4. Füge unter Autorisierte Weiterleitungs-URIs einen neuen Eintrag hinzu. Beispiel: https://account.dein-shop.com/authentication/social/google/callback
  5. Füge unter Callback-URL zur Deautorisierung einen neuen Eintrag hinzu. Beispiel: https://account.dein-shop.com/authentication/social/google/revoke
  6. Speichere deine Änderungen. Behalte vorerst sowohl die alten als auch die neuen URLs bei.
  7. Kehre zu deinem Shopify-Adminbereich zurück und befolge die Schritte, um deine Konten-Domain in Shopify in die neue benutzerdefinierte Subdomain-URL zu ändern.
  8. Teste sowohl die Anmeldung als auch die Abmeldung mit jeder Social-Media-Option in deiner Storefront, um sicherzustellen, dass alles funktioniert.
  9. Optional: Nachdem du sichergestellt hast, dass der Anmeldeprozess ordnungsgemäß funktioniert, kannst du zu Google zurückkehren und die alten Domain-Einträge entfernen.
Facebook
  1. Gehe zu Meta for Developers und öffne deine App.
  2. Navigiere zu Facebook Login > Einstellungen.
  3. Füge unter Gültige OAuth-Weiterleitungs-URIs einen neuen Eintrag hinzu. Beispiel: https://account.dein-shop.com/authentication/social/facebook/callback
  4. Füge unter Callback-URL zur Deautorisierung einen neuen Eintrag hinzu. Beispiel: https://account.dein-shop.com/authentication/social/facebook/revoke
  5. Navigiere zu Einstellungen > Grundeinstellungen.
  6. Füge unter App-Domains einen neuen Eintrag hinzu. Beispiel: account.dein-shop.com
  7. Speichere deine Änderungen. Behalte vorerst sowohl die alten als auch die neuen URLs bei.
  8. Kehre zu deinem Shopify-Adminbereich zurück und befolge die Schritte, um deine Konten-Domain in Shopify in die neue benutzerdefinierte Subdomain-URL zu ändern.
  9. Teste sowohl die Anmeldung als auch die Abmeldung mit jeder Social-Media-Option in deiner Storefront, um sicherzustellen, dass alles funktioniert.
  10. Optional: Nachdem du sichergestellt hast, dass der Anmeldeprozess ordnungsgemäß funktioniert, kannst du zu Facebook zurückkehren und die alten Domain-Einträge entfernen.