← Toutes les caractéristiques

Connexion à Spotify

Connexion à Spotify

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

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

Connexion à Spotify

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 le site des développeurs de Spotify.

Partie 2 : L'interface

sign_in_with_spotify.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 Spotify sur le thème de la lumière

B) Bouton Spotify à 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="spotify".
  2. Ajouter le logo Spotify.
  3. Ajoutez le texte de votre bouton. Nous recommandons quelque chose comme "Continuer avec Spotify"

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 →