← Toutes les caractéristiques

Connexion LinkedIn

Connexion Linkedin

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

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

Connexion LinkedIn
Composants

Commencer par un composant gratuit

Essayer les fonctionnalités de Memberstack est aussi simple que de copier et coller l'un de nos 600+ composants Webflow gratuits !

Voir tous les composants

Avantages principaux

Réduire les frottements

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

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 le login Linkedin dans Webflow

Voir les documents

Partie 1 : Le backend

Étape 1 : Dans votre tableau de bord Memberstack, allez dans Paramètres, puis dans Intégrations d'authentification et de paiement. 

Étape 2 : Faites défiler la page jusqu'à l'intégration de Linkedin et cliquez sur "Configurer". 

Étape 3 : Une fenêtre contextuelle vous demandera votre "Client ID" et votre "Client Secret". Pour trouver ces codes, vous devrez vous rendre sur le site des développeurs de LinkedIn. (Si c'est la première fois que vous vous connectez à Linkedin, vous devez créer un compte développeur, c'est gratuit !) 

Étape 4 : Créez une nouvelle application, donnez-lui un nom, connectez-vous à sa page Linkedin, téléchargez votre logo et enregistrez. 

Étape 5 : Sur la page du produit, sélectionnez "Se connecter avec Linkedin", acceptez les conditions et demandez l'accès (généralement instantané).

Étape 6 : Allez dans la section d'authentification. Vous verrez l'ID et le Secret. Avant de copier les codes, vous devez ajouter l'"URL de redirection autorisée". Modifiez l'icône, ajoutez l'URL de redirection, revenez à votre tableau de bord Memberstack, copiez l'URL de redirection (qui se trouve dans la même fenêtre sous les cases ID et Secret), collez et sauvegardez. 

Étape 7 : La deuxième chose nécessaire sur cette page est OAuth 2.0 Scopes, rafraîchissez votre page et vous devriez voir que Linkedin a déjà accordé les scopes pour vous. 

Étape 8 : Dernière étape, copiez votre ID client et votre secret et collez-les dans l'interface utilisateur de Memberstack. Voilà, vos comptes Memberstack et Linkedin sont maintenant connectés ! 

Partie 2 : L'interface

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) Bouton Linkedin à thème léger

B) Bouton Linkedin en thème sombre

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

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

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.

https://docs.memberstack.com/hc/en-us/articles/9188250184603
Vitrine

Découvrez les entreprises qui ont réussi avec Memberstack

Ne vous contentez pas de nous croire sur parole, consultez les entreprises de toutes tailles qui font confiance à Memberstack pour leur authentification et leurs paiements.

Voir tous les exemples de réussite
Même Webflow utilise Memberstack !
Slack

Vous voulez en savoir plus sur Memberstack ? Rejoignez notre communauté Slack de plus de 5 500 membres !

Rejoignez le Slack de la communauté Memberstack et posez vos questions ! Attendez-vous à une réponse rapide d'un membre de l'équipe, d'un expert Memberstack ou d'un autre membre de la communauté.

Rejoignez notre Slack

Voir toutes les fonctionnalités →

Commencer à construire

Commencez à construire vos rêves

Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.