Key Benefits
Reibung vermindern
We already have lots of passwords to keep track of, let your members use their Dribbble 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 Dribble-Anmeldung in Webflow
Teil 1: Das Backend
Hier ist ein Link zur Dribbble Developer Site.
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) Dribbble-Schaltfläche mit hellem Thema
B) Dribbble-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="dribbble".
- Fügen Sie das Dribbble-Logo hinzu.
- Fügen Sie den Text Ihrer Schaltfläche hinzu. Wir empfehlen etwas wie "Weiter mit Dribbble".
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.
