Social Login: Anleitung zur Einrichtung der Facebook Schnittstelle

In diesem Tutorial wird gezeigt, wie Sie einen Facebook Login Button einrichten und in Ihrem tricoma Shop aktivieren.

1. Erstellen einer App in Facebook

Um zur Developer Plattform von Facebook zu gelangen, klicken Sie auf folgenden Link: https://developers.facebook.com/apps/

1.1. App erstellen

Nach dem Sie in der Developer Plattform angelangt sind, klicken Sie oben rechts auf "App erstellen", um ein neue App in Facebook zu erstellen. (Screen: App erstellen)

• Es erscheint ein Fenster, bei dem Sie eine App erstellen können (Screen: App Fenster)
• Wählen Sie hier bitte "Verknüpfte Funktionen entwickeln" und klicken auf "Weiter"
• Es erscheint ein Fenster, bei dem Sie den App-Namen und die Kontakt-E-Mail-Adresse der App eingeben müssen (Screen: App Fenster 2)
• Tragen Sie App-Namen und Ihre E-Mail-Adressen ein und klicken auf "App erstellen"

1.2. Facebook App einrichten

Nachdem Sie die App jetzt erstellt haben, können Sie diese konfigurieren und befinden sich im Dashboard der App. Screen: App Dashboard

• Klicken Sie nun auf "Einrichten" bei "Facebook Login" (Screen: App Dashboard)
• Als nächstes wählen Sie die Plattform "Web" (Screen: App Login 1)
• Als nächsten wählen tragen Sie die Shop Url ein und bestätigen mit "Save" und "Weiter" (Screen: App Login 2)
• Die Schritte 2-5 können Sie einfach mit "Weiter" bestätigen

1.3. Facebook App einstellen

Jetzt müssen in der Facebook App noch ein paar Abschluss Einstellungen gemacht werden. Screen: App Einstellungen

• Klicken Sie links im Menü auf "Einstellungen" (Screen: App Einstellungen)
• Tragen Sie unter "App Domains" Ihre Shopdomain ein (Screen: App Einstellungen)
• Tragen Sie unter "URL zur Datenrichtlinie" Ihren Link zur Datenschutzerklärung ein (Screen: App Einstellungen)
• Laden Sie ggf. ein App Symbol hoch (Screen: App Einstellungen)
• Wählen Sie unter "Zweck der App" >> "Du oder dein eigenes Unternehmen" aus
• Bestätigen Sie anschließend mit "Änderungen speichern"

2. Einrichtung im tricoma

Um zur Developer Plattform von Facebook zu gelangen, klicken Sie auf folgenden Link: https://developers.facebook.com/apps/

2.1. Einfügen der App-ID im tricoma Plugin

Gehen Sie hierzu im tricoma auf die App "Bereiche" bzw. "Multishop" und klicken auf das Plugin Symbol. (Screen: tricoma Einrichtung) Wählen Sie anschließend links im Menü "Social Login" um in die Einstellungsmaske des Plugins zu gelangen. Tragen Sie die App-ID aus Ihrer Facebook App ein (Screen: App-ID) Aktivieren Sie den Shop und klicken auf Speichern.