Deel 1: De achterkant

Hier is een link naar de Facebook Developer site.

Als u deze video hierboven bekijkt en uw site test, ziet u tijdens het aanmelden waarschijnlijk een banner met de tekst "Submit for Login Review". Om die banner te verwijderen en over te schakelen naar de live-modus...

1. Je moet een geldige Privacy Policy URL en een Data Deletion Instructions URL opgeven. U kunt beide ingangen bijwerken in Basisinstellingen op het Facebook App Dashboard.
   - De URL voor instructies voor het verwijderen van gegevens is een pagina op uw site die leden kunnen gebruiken om te vragen of hun gegevens kunnen worden verwijderd.
2. Klik op "Geavanceerde toegang krijgen" voor e-mail en publiek_profiel.
   - Ik had nogal wat moeite om de Facebook UI goed te laden. Als u problemen ondervindt, raad ik u aan het opnieuw te proberen in een privé- of incognitobrowser.
3. U moet een Data Use Checkup invullen.
4. Schakel uw app van testmodus naar live-modus.

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 wilt toevoegen aan uw Webflow project is dit onderdeel voor u.

Aanmeldings- en aanmeldingsformulieren

Ik raad aan een van onze Webflow social auth buttons te kopiëren. Ze zijn 100% gebouwd in Webflow, hebben al de attributen die je nodig hebt, en zijn gemakkelijk aan te passen:

A) Licht thema Facebook knop
B) Donker thema Facebook knop.

Om er zelf een te maken:

1. Bekijk de Facebook Branding Guidelines voor aanmeldingsknoppen.
2. Maak een linkblok met het attribuut data-ms-auth-provider="facebook".
3. Voeg het Facebook-logo toe.
4. Voeg uw knoptekst toe. Wij raden iets aan als "Ga verder met Facebook"

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

Profielformulieren

In deze andere tutorial maken we een UI voor leden om providers te verbinden, eerder verbonden providers te bekijken, en (optioneel) providers te ontkoppelen.

Sociale Auth-knoppen in profielformulieren