← Toutes les caractéristiques

Connexion Github

Connexion Github

Permettre à vos membres de s'inscrire et de se connecter avec leur compte Github

76% des abandons d'utilisateurs se produisent lors de l'inscription. L'activation de logins sociaux comme Github permet à vos membres de s'inscrire et de se connecter sans avoir à se souvenir d'un autre mot de passe. Vous pouvez configurer le login Github de Memberstack en quelques minutes et faire gagner du temps et de l'énergie à vos membres !

Connexion Github

Copier-coller de composants Webflow

Primary Benefits

Améliorer l'expérience des utilisateurs

Les membres peuvent s'inscrire en quelques secondes !

Réduire les frottements

Nous avons déjà beaucoup de mots de passe à gérer, laissez vos membres utiliser leur compte Spotify et évitez-leur de se souvenir d'un mot de passe supplémentaire !

Augmentation de l'engagement des utilisateurs

La connexion sociale peut permettre aux utilisateurs de s'engager plus facilement sur votre site, car ils peuvent se connecter rapidement et facilement en utilisant leur plateforme préférée.

Comment configurer la connexion à Spotify dans Webflow

View Docs

Partie 1 : Le backend

Voici un lien vers les applications OAuth de GitHub.

Partie 2 : L'interface

sign_in_with_github.jpg

Si vous utilisez l'interface d'inscription, de connexion ou de profil prédéfinie de Memberstack, vous avez déjà terminé. Les fournisseurs d'authentification sociale activés apparaîtront automatiquement dans l'interface prédéfinie.

Si vous souhaitez ajouter un bouton d'authentification sociale à votre projet Webflow, cette section est faite pour vous.

Formulaires d'inscription et de connexion

Je vous recommande de copier l'un de nos boutons d'authentification sociale Webflow. Ils sont 100% construits dans Webflow, ont déjà les attributs dont vous avez besoin, et sont faciles à personnaliser :

A) Bouton GitHub du thème léger

B) Bouton GitHub à thème sombre

Pour créer le vôtre à partir de zéro :

  1. Créez un bloc de lien avec l'attribut data-ms-auth-provider="github".
  2. Ajouter le logo GitHub.
  3. Ajoutez le texte de votre bouton. Nous recommandons quelque chose comme "Continuer avec GitHub"

C'est tout pour les boutons d'inscription et de connexion. Les boutons de profil comportent quelques éléments supplémentaires.

Formulaires de profil

Dans cet autre tutoriel, nous allons créer une interface utilisateur permettant aux membres de connecter des fournisseurs, de voir les fournisseurs précédemment connectés et (optionnellement) de déconnecter des fournisseurs.

Boutons d'authentification sociale dans les formulaires de profil

Voir toutes les fonctionnalités →