Teil 1: Das Backend

Schritt 1: Navigieren Sie in Ihrem Memberstack-Dashboard zu Einstellungen und dann zu Auth and Payment Integrations. 

Schritt 2: Scrollen Sie nach unten zur Linkedin-Integration und klicken Sie auf "Konfigurieren". 

Schritt 3: Ein Popup-Fenster fragt nach Ihrer "Client ID" und "Client Secret". Um diese Codes zu finden, müssen Sie auf die Entwickler-Seite von LinkedIn gehen. (Wenn Sie sich zum ersten Mal bei LinkedIn anmelden, müssen Sie ein kostenloses Entwicklerkonto einrichten). 

Schritt 4: Erstellen Sie eine neue App, geben Sie Ihrer App einen Namen, verbinden Sie sich mit ihrer Linkedin-Seite, laden Sie Ihr Logo hoch und speichern Sie. 

Schritt 5: Wählen Sie auf der Produktseite die Option "Sign in with Linkedin" (Anmelden mit Linkedin), stimmen Sie den Bedingungen zu und beantragen Sie Zugang (normalerweise sofort).

Schritt 6: Gehen Sie zum Abschnitt Authentifizierung. Sie sehen die ID und das Geheimnis. Bevor Sie die Codes kopieren, müssen Sie die "autorisierte Weiterleitungs-URL" hinzufügen. Bearbeiten Sie das Symbol, fügen Sie die Umleitungs-URL hinzu, kehren Sie zu Ihrem Memberstack-Dashboard zurück, kopieren Sie die Umleitungs-URL (sie befindet sich in demselben Popup unter den Feldern ID und Secret), fügen Sie sie ein und speichern Sie sie. 

Schritt 7: Die zweite Sache, die auf dieser Seite benötigt wird, ist OAuth 2.0 Scopes, aktualisieren Sie Ihre Seite und Sie sollten sehen, dass Linkedin bereits die Scopes für Sie gewährt. 

Schritt 8: Letzter Schritt: Kopieren Sie Ihre Client ID und Secret und fügen Sie diese in Ihre Memberstack UI ein. Das war's, Ihre Memberstack- und Linkedin-Konten sind jetzt verbunden! 

Teil 2: Das Frontend

Wenn Sie die vorgefertigte Anmelde-, Login- oder Profil-UI von Memberstack verwenden, sind Sie bereits fertig. Aktivierte Social-Auth-Anbieter werden automatisch in der vorgefertigten Benutzeroberfläche angezeigt.

Wenn Sie Ihrem Webflow-Projekt eine Social-Authentifizierungs-Schaltfläche hinzufügen möchten, gehen Sie folgendermaßen vor: 

Anmelde- und Login-Formulare

Wir empfehlen, eine Ihrer Webflow-Schaltflächen für die soziale Authentifizierung zu kopieren. Sie sind zu 100 % in Webflow integriert, haben bereits die Attribute, die Sie benötigen, und lassen sich leicht anpassen: 

A) Lichtthema Verknüpfte Schaltfläche

B) Dunkles Thema Verknüpfte Schaltfläche

Ihr eigenes von Grund auf zu erstellen: 

1. Erstellen Sie einen Link-Block mit dem Attribut data-ms-auth-provider="linkedin".
2. Fügen Sie das LinkedIn-Logo hinzu.
3. Fügen Sie den Text Ihrer Schaltfläche hinzu. Wir empfehlen etwas wie "Weiter mit LinkedIn".

Das war's mit den Schaltflächen für die Anmeldung und das Login. Profilschaltflächen haben ein paar zusätzliche Elemente.

Profil-Formulare

In diesem Tutorial werden wir eine Benutzeroberfläche für Mitglieder erstellen, um Anbieter zu verbinden, zuvor verbundene Anbieter anzuzeigen und (optional) Anbieter zu trennen.

https://docs.memberstack.com/hc/en-us/articles/9188250184603