Deel 1: De achterkant

Stap 1: Navigeer naar Instellingen in uw Memberstack dashboard en vervolgens naar Auth en Betalingsintegraties. 

Stap 2: Scroll naar beneden naar Linkedin integratie en klik op 'Configureren'. 

Stap 3: Een popup vraagt om uw 'Client ID' en 'Client Secret'. Om deze codes te vinden moet u naar de LinkedIn Developer site gaan. (Als het de eerste keer is dat je Linkedin login instelt, moet je een developer account aanmaken, het is gratis!) 

Stap 4: Maak een nieuwe app, geef je app een naam, maak verbinding met zijn Linkedin-pagina, upload je logo en sla op. 

Stap 5: Op de productpagina moet u "Aanmelden met Linkedin" selecteren en akkoord gaan met de voorwaarden en toegang aanvragen (meestal onmiddellijk).

Stap 6: Ga naar het authenticatie gedeelte. U ziet de ID en Secret. Voordat u de codes kopieert, moet u de "authorized redirect URL" toevoegen. Bewerk pictogram, voeg redirect URL toe, ga terug naar uw Memberstack dashboard, kopieer de redirect URL (zal op dezelfde popup staan onder de ID en Secret vakken) plak en sla op. 

Stap 7: Het tweede wat nodig is op deze pagina is OAuth 2.0 Scopes, ververs uw pagina en u zou moeten zien dat Linkedin de scopes al voor u heeft toegekend. 

Stap 8: Kopieer als laatste stap uw Client ID en Secret en plak deze in uw Memberstack UI. Dat is het, uw Memberstack en Linkedin accounts zijn nu verbonden! 

Deel 2: De voorkant

Als u de vooraf gebouwde aanmeldings-, aanmeldings- of profiel UI van Memberstack gebruikt, dan bent u al klaar. Ingeschakelde social auth providers verschijnen automatisch in de voorgebouwde UI.

Als u een sociale auth-knop aan uw Webflow-project wilt toevoegen, volgt u deze stappen: 

Aanmeldings- en aanmeldingsformulieren

Wij raden u aan een van uw Webflow social auth knoppen te kopiëren. Ze zijn 100% ingebouwd in Webflow, hebben al de attributen die je nodig hebt, en zijn gemakkelijk aan te passen: 

A) Licht thema Linkedin knop

B) Donker thema Linkedin knop

Om er zelf een te maken: 

1. Maak een linkblok met het attribuut data-ms-auth-provider="linkedin".
2. Voeg het LinkedIn logo toe.
3. Voeg uw knoptekst toe. Wij raden iets aan als "Ga verder met LinkedIn".

Dat is alles voor de aanmeldings- en aanmeldingsknoppen. Profielknoppen hebben een paar extra elementen.

Profielformulieren

In deze tutorial maken we een UI voor leden om providers te verbinden, eerder verbonden providers te bekijken, en (optioneel) de verbinding met providers te verbreken.

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