Key Benefits
Reibung vermindern
We already have lots of passwords to keep track of, let your members use their Google account and save them from remembering one more password.
Verbesserung der Benutzerfreundlichkeit
Mitglieder können sich in Sekundenschnelle anmelden!
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.
Einrichten der Google-Anmeldung in Webflow
Mit Memberstack ist die Einrichtung von Google Login ganz einfach. So geht's:
Teil 1: Das Backend
Hier ist ein Link zur Google Developer Console.
Um Ihre App vollständig zu veröffentlichen und zu verifizieren, müssen Sie diese von Google bereitgestellten Anweisungen befolgen. Dies dauert in der Regel 2-3 Werktage, kann aber auch bis zu 6 Wochen dauern.
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) Light Theme Google Button
B) Dark Theme Google Button
Ihr eigenes von Grund auf zu erstellen:
- Create a link block with the attribute data-ms-auth-provider="google".
- Add the Google logo.
- Add your button text. We recommend something like "Continue with Google".
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.
