← Alle Merkmale

Github-Anmeldung

Github-Anmeldung

Ermöglichen Sie es Ihren Mitgliedern, sich mit ihrem Github-Konto anzumelden und einzuloggen

76% der Nutzerabbrüche passieren bei der Registrierung. Die Aktivierung von sozialen Logins wie Github ermöglicht es Ihren Mitgliedern, sich zu registrieren und anzumelden, ohne sich ein weiteres Passwort merken zu müssen. Sie können den Github-Login von Memberstack innerhalb weniger Minuten einrichten und Ihren Mitgliedern Zeit und Mühe sparen!

Github-Anmeldung

Kopieren und Einfügen von Webflow-Komponenten

Primary Benefits

Verbesserung der Benutzerfreundlichkeit

Mitglieder können sich in Sekundenschnelle anmelden!

Reibung vermindern

Wir haben bereits viele Passwörter, die wir im Auge behalten müssen. Lassen Sie Ihre Mitglieder ihr Spotify-Konto verwenden und ersparen Sie ihnen, sich ein weiteres Passwort zu merken!

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.

So richten Sie die Spotify-Anmeldung in Webflow ein

View Docs

Teil 1: Das Backend

Hier ist ein Link zu den OAuth Apps von GitHub.

Teil 2: Das Frontend

unterschreiben_mit_github.jpg

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:

  1. Erstellen Sie einen Link-Block mit dem Attribut data-ms-auth-provider="github".
  2. Fügen Sie das GitHub-Logo hinzu.
  3. 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.

Social Auth-Schaltflächen in Profilformularen

Alle Funktionen anzeigen →