Facebook mit Kundenkonten verbinden

Um Facebook mit Kundenkonten zu verbinden, musst du die folgenden Aufgaben der Reihe nach 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, musst du über ein Meta Developer-Konto verfügen. Erfahre, wie du dich als Meta-Entwickler:in registrierst.

Schritt 1: Seite „Sign in with Facebook“ im 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 Sign in with Facebook 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 Login, 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 fortfährst.
  2. Klicke auf Apps.
  3. Klicke auf App erstellen.
  4. Fülle die Felder App-Name und Kontakt-E-Mail-Adresse 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 Nutzer:innen 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 oder 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 wechseln.

Schritt 3: Einstellungen der Meta-App konfigurieren

  1. Klicke nach der Erstellung einer App in deinem „Meta for Developers“-Dashboard auf Anwendungsfälle.
  2. Klicke beim Anwendungsfall Authentifizieren und Daten von Nutzer:innen mit Facebook-Login anfordern auf Anpassen.
  3. Um sicherzustellen, dass Kundeninformationen bei der Anmeldung erfasst werden, klicke im Abschnitt Berechtigungen und Funktionen neben email auf Hinzufügen.
  4. Klicke auf Einstellungen und navigiere dann zu Client-OAuth-Einstellungen.
  5. Kopiere auf der Seite Sign in with Facebook in deinem Shopify-Adminbereich die Weiterleitungs-URL aus dem Abschnitt Weiterleitungs-URLs.
  6. Füge die Weiterleitungs-URL im „Meta for Developers“-Dashboard auf der Seite Einstellungen in das Feld Gültige OAuth-Redirect-URIs ein.
  7. Wenn du im Abschnitt Weiterleitungs-URLs in deinem Shopify-Adminbereich mehr als eine Weiterleitungs-URL hast, wiederhole diese Schritte für die zusätzlichen Weiterleitungs-URLs.
  8. Kopiere auf der Seite Mit Facebook anmelden in deinem Shopify-Adminbereich die URL aus dem Abschnitt Deautorisierungs-URL.
  9. Füge die URL auf der Seite Einstellungen in deinem Meta for Developers-Dashboard in das Feld Deauthorize callback URL 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. Kehre zu deinem Meta for Developers-Dashboard zurück und klicke dann auf App-Einstellungen > Allgemein.
  2. Kopiere die App-ID aus deinem Meta for Developers-Dashboard.
  3. Füge auf der Seite Mit Facebook anmelden in deinem Shopify-Adminbereich die App-ID in das Feld App-ID im Abschnitt Anmeldedaten ein.
  4. Klicke in deinem Meta for Developers-Dashboard neben dem App-Geheimnis auf Anzeigen und kopiere dann das App-Geheimnis.
  5. Füge auf der Seite Mit Facebook anmelden in deinem Shopify-Adminbereich das App-Geheimnis in das Feld App-Geheimnis 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 auf der Seite Mit Facebook anmelden in deinem Shopify-Adminbereich auf Weitere Aktionen > Vorschau und teste dann den Facebook-Authentifizierungsablauf, 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 gehst und dich über Facebook in deinem Kundenkonto anmeldest.