Key Benefits
Verbesserung der Benutzerfreundlichkeit
Mitglieder können sich in Sekundenschnelle anmelden!
Reibung vermindern
We already have lots of passwords to keep track of, let your members use their GitHub account and save them from remembering one more password!
Erhöhtes Engagement der Nutzer
Social Login kann es den Nutzern erleichtern, sich auf Ihrer Website zu engagieren, da sie sich schnell und einfach über ihre bevorzugte Plattform anmelden können.
How to Set Up GitHub Login in Webflow
Teil 1: Das Backend
Hier ist ein Link zu den OAuth Apps von GitHub.
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, ist dieser Abschnitt für Sie.
Anmelde- und Login-Formulare
Ich empfehle, eine unserer 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 GitHub-Schaltfläche
B) GitHub-Schaltfläche mit dunklem Thema
Sie können Ihr eigenes Produkt von Grund auf neu erstellen:
- Erstellen Sie einen Link-Block mit dem Attribut data-ms-auth-provider="github".
- Fügen Sie das GitHub-Logo hinzu.
- Fügen Sie den Text Ihrer Schaltfläche hinzu. Wir empfehlen etwas wie "Weiter mit GitHub".
Das war's mit den Schaltflächen für Anmeldung und Login. Profilschaltflächen haben ein paar zusätzliche Elemente.
Profil-Formulare
In diesem anderen Tutorial werden wir eine Benutzeroberfläche für Mitglieder erstellen, um Anbieter zu verbinden, zuvor verbundene Anbieter anzuzeigen und (optional) Anbieter zu trennen.
