Social Login: Anleitung zur Einrichtung der Facebook Schnittstelle

Facebook Login Button im tricoma Shop einrichten

In diesem Tutorial erfährst du, wie du einen Facebook Login Button erstellst und in deinem tricoma Shop aktivierst.

1. Erstellen einer Facebook-App

Um eine App für den Facebook Login zu erstellen, öffne die Facebook Developer Plattform:
https://developers.facebook.com/apps/

1.1 App erstellen

1. Klicke oben rechts auf „App erstellen“. (Screen: App erstellen)

2. Es öffnet sich ein Fenster mit verschiedenen Auswahlmöglichkeiten. (Screen: App Fenster)
→ Wähle „Verknüpfte Funktionen entwickeln“ aus und klicke auf „Weiter“.

3. Im nächsten Schritt wirst du nach dem App-Namen und einer Kontakt-E-Mail-Adresse gefragt. (Screen: App Fenster 2)
→ Trage hier den gewünschten App-Namen und deine E-Mail-Adresse ein.

4. Klicke anschließend auf „App erstellen“.

Sobald du die App erstellt hast, kannst du mit der Konfiguration des Facebook Logins für deinen tricoma Shop weitermachen.

1.2 Facebook App einrichten

Nachdem du die App erstellt hast, befindest du dich im Dashboard der App.
(Screen: App Dashboard)

1. Klicke auf „Einrichten“ beim Punkt „Facebook Login“.

2. Wähle als Plattform „Web“ aus. (Screen: App Login 1)

3. Gib im nächsten Schritt die URL deines Shops ein (z. B. https://www.deinshop.de) und bestätige mit „Save“ und anschließend „Weiter“. (Screen: App Login 2)

4. Die Schritte 2 bis 5 im Assistenten kannst du einfach jeweils mit „Weiter“ bestätigen.

Damit ist die Basis für deinen Facebook Login vorbereitet – im nächsten Schritt geht es an die Einstellungen der Login-Daten.

1.3 Facebook App einstellen

Jetzt nimmst du noch ein paar abschließende Einstellungen in deiner Facebook App vor.
(Screen: App Einstellungen)

1. Klicke im linken Menü auf „Einstellungen“ → „Allgemein“.

2. Trage bei „App-Domains“ deine Shopdomain ein (z. B. www.deinshop.de).

3. Gib bei „URL zur Datenrichtlinie“ den Link zu deiner Datenschutzerklärung an.

4. Optional: Lade ein App-Symbol hoch. (Empfohlen für ein vollständiges App-Profil)

5. Wähle bei „Zweck der App“ die Option „Du oder dein eigenes Unternehmen“ aus.

6. Klicke zum Schluss auf „Änderungen speichern“.

Damit sind die Grundeinstellungen deiner Facebook App abgeschlossen – im nächsten Schritt holst du dir die Zugangsdaten für den tricoma Shop.

2. Einrichtung im tricoma

Um die Facebook Login-Funktion im tricoma Shop zu aktivieren, musst du nun die App-ID deiner Facebook App im passenden Plugin hinterlegen.

2.1 App-ID im tricoma Plugin einfügen

1. Gehe in tricoma in die App „Webseitenbereiche“.

2. Klicke oben rechts auf das Plugin-Symbol. (Screen: tricoma Einrichtung)

3. Wähle im linken Menü den Punkt „Social Login“, um in die Einstellungen des Plugins zu gelangen.

4. Trage hier die App-ID aus deiner Facebook App ein. (Screen: App-ID)

5. Aktiviere den Shop über die entsprechende Checkbox.

6. Klicke abschließend auf „Speichern“.

Damit ist die Anbindung deines tricoma Shops an Facebook abgeschlossen – der Login-Button sollte nun im Shop sichtbar sein.