Authentification

Connexion Google

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

76 % des abandons d'utilisateurs se produisent au moment de l'inscription. L'activation de logins sociaux comme Google 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 Google de Memberstack en quelques minutes et faire gagner du temps et de l'énergie à vos membres !

Available in:v2.0

Key Benefits

Réduire les frottements

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.

Améliorer l'expérience des utilisateurs

Les membres peuvent s'inscrire en quelques secondes !

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 Google Login dans Webflow

Avec Memberstack, la configuration de Google Login est facile. Voici comment procéder :

Partie 1 : Le backend

Voici un lien vers la Google Developer Console.

Pour publier et vérifier entièrement votre application, vous devez suivre les instructions fournies par Google. Le délai est généralement de 2 à 3 jours ouvrables, mais peut aller jusqu'à 6 semaines.

Partie 2 : L'interface

Blog image

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, suivez les étapes suivantes :

Formulaires d'inscription et de connexion

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

A) Light Theme Google Button

B) Dark Theme Google Button

Pour créer votre propre projet à partir de zéro :

  1. Create a link block with the attribute data-ms-auth-provider="google".
  2. Add the Google logo.
  3. Add your button text. We recommend something like "Continue with Google".

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 ce 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