Aide
Se connecter

Connexion sociale pour les comptes clients

En plus de l’expérience de connexion sans mot de passe par défaut pour les comptes clients, vous pouvez connecter vos comptes Google et Facebook pour permettre aux clients de se connecter en utilisant leurs identifiants de réseaux sociaux.

L’activation de la connexion sociale pour les comptes clients peut offrir aux clients une expérience de connexion plus rapide grâce à des méthodes d’authentification familières. Vous pouvez activer plusieurs méthodes de connexion sociale sur votre boutique.

Si vous avez connecté votre propre fournisseur d’identité aux comptes clients et que vous souhaitez connecter la connexion sociale, vous devez contacter votre fournisseur d’identité externe.

Sur cette page

Considérations relatives à la connexion sociale pour les comptes clients

Examinez les considérations suivantes avant de connecter la connexion sociale aux comptes clients :

  • Vous devez posséder un compte de développeur pour le fournisseur que vous souhaitez lier aux comptes clients.
  • La seule donnée client synchronisée avec Shopify lorsque vous utilisez la connexion sociale est l’adresse e-mail du client.

Connecter Google aux comptes clients

Pour connecter Google aux comptes clients, vous devez effectuer les tâches suivantes dans l’ordre :

Lors de la configuration, vous devez passer d’un onglet de navigateur à l’autre entre votre Google Cloud Console et votre interface administrateur Shopify. Vous devez avoir configuré un compte Google Cloud pour connecter Google aux comptes clients. Pour en savoir plus sur Google Cloud, consultez la documentation d’aide de Google.

Étape 1 : ouvrez la page Se connecter avec Google dans votre interface administrateur Shopify

  1. Depuis votre interface administrateur Shopify, accédez à Paramètres > Comptes clients.

  2. Dans la section Authentification, cliquez sur Gérer.

  3. Cliquez sur Connecter à côté de Google pour ouvrir la page Se connecter avec Google.

Cette page contient des informations que vous devrez copier et coller lors de la configuration du client OAuth de votre application Google. Gardez donc cette page ouverte dans un onglet distinct de votre navigateur.

Étape 2 : créez une application dans votre Google Cloud Console

  1. Dans un autre onglet de votre navigateur, connectez-vous à votre Google Cloud Console.
  2. Sélectionnez un projet existant ou créez-en un. Cela vous redirigera vers le tableau de bord du projet.
  3. Cliquez sur Menu, puis sur API et services > Identifiants.
  4. Cliquez sur Configurer l’écran de consentement > Démarrer.
  5. Remplissez les détails de configuration OAuth de votre projet :
    1. Donnez à votre application un nom qu’un client pourrait reconnaître, comme celui de votre boutique en ligne. Fournissez votre e-mail pour l’assistance technique, puis cliquez sur Suivant.
    2. Dans la section Audience, sélectionnez Externe, puis cliquez sur Suivant.
    3. Fournissez un e-mail de contact pour les éventuelles notifications de Google concernant le projet, puis cliquez sur Suivant.
    4. Acceptez les Règles d’utilisation des données des services d’API Google, puis cliquez sur Continuer.
    5. Cliquez sur Créer.
  6. Configurez les informations sur les politiques de votre application qui s’affichent aux clients sur l’écran de consentement :
    1. Cliquez sur Image de marque.
    2. Dans la section Domaine de l’application, incluez un lien vers votre page d’accueil, un lien vers votre politique de confidentialité publique et un lien vers vos conditions de service. En savoir plus sur la création des politiques de la boutique.

Étape 3 : configurez le client OAuth de votre application dans votre Google Cloud Console

Cette étape vous demande de copier les informations de la section Instructions de configuration de la page Se connecter avec Google de votre interface administrateur Shopify, puis de les coller dans les champs correspondants de l’onglet Google Cloud Console.

  1. Dans l’application de votre projet sur Google Cloud Console, cliquez sur Aperçu.
  2. Dans la section Métriques, cliquez sur Créer un client OAuth.
  3. Configurez les détails du client OAuth :
    1. Dans le menu déroulant Type d’application, sélectionnez Application web.
    2. Dans le champ Nom, saisissez un nom.
  4. Configurez les Origines JavaScript autorisées de votre application :
  5. Dans la section Origines JavaScript autorisées, cliquez sur + Ajouter un URI.
  6. Sur la page Se connecter avec Google de votre interface administrateur Shopify, copiez la valeur des origines JavaScript autorisées.
  7. Dans votre Google Cloud Console, collez la valeur dans le champ URI 1.
  8. Si vous avez plusieurs URI dans la section JavaScript autorisé de votre interface administrateur Shopify, répétez ces étapes pour les champs d’URI supplémentaires.
  9. Configurez les URI de redirection autorisés pour votre application :
  10. Dans votre Google Cloud Console, accédez à la section URI de redirection autorisés et cliquez sur + Ajouter un URI.
  11. Dans l’onglet de navigateur contenant votre interface administrateur Shopify, copiez la valeur de l’URI de redirection autorisé.
  12. Retournez sur votre Google Cloud Console, puis collez la valeur dans le champ URI 1.
  13. Si vous avez plusieurs URI dans la section URI de redirection autorisé de votre interface administrateur Shopify, répétez ces étapes pour les champs d’URI supplémentaires.
  14. Dans votre Google Cloud Console, cliquez sur Créer.

Gardez la boîte de dialogue Client OAuth créé qui s’affiche ouverte pour l’Étape 4 : Configurer les identifiants dans votre interface administrateur Shopify, car vous devez copier et coller des informations de la Google Cloud Console dans votre interface administrateur Shopify.

Étape 4 : Configurer les identifiants dans votre interface administrateur Shopify

  1. Depuis la boîte de dialogue Client OAuth créé de votre Google Cloud Console, copiez l’ID client.
  2. Sur la page Se connecter avec Google de votre interface administrateur Shopify, dans la section Identifiants, collez l’ID client.
  3. Depuis la boîte de dialogue Client OAuth créé de votre Google Cloud Console, copiez le Secret client.
  4. Sur la page Se connecter avec Google de votre interface administrateur Shopify, dans la section Identifiants, collez le Secret client.
  5. Sur la page Se connecter avec Google de votre interface administrateur Shopify, cliquez sur Enregistrer.

Étape 5 : Publier votre application dans votre Google Cloud Console

  1. Dans l’application de votre projet au sein de la Google Cloud Console, cliquez sur Audience.
  2. Cliquez sur Publier l’application.

Connecter Facebook aux comptes clients

Pour connecter Facebook aux comptes clients, vous devez effectuer les tâches suivantes dans l’ordre :

Pendant la configuration, vous devez passer d’un onglet de navigateur à l’autre entre votre tableau de bord Meta for Developers et votre interface administrateur Shopify. Pour connecter Facebook aux comptes clients, vous devez posséder un compte Meta Developer. Découvrez comment vous inscrire en tant que Meta Developer.

Étape 1 : Ouvrir la page Se connecter avec Facebook dans votre interface administrateur Shopify

  1. Depuis votre interface administrateur Shopify, accédez à Paramètres > Comptes clients.

  2. Dans la section Authentification, cliquez sur Gérer.

  3. Cliquez sur Connecter à côté de Facebook pour ouvrir la page Se connecter avec Facebook.

Étape 2 : Créer une application dans votre tableau de bord Meta for Developers

  1. Dans un autre onglet du navigateur, accédez au tableau de bord Meta for Developers, puis cliquez sur Se connecter pour vous connecter. Si vous n’avez pas encore configuré de compte Meta Developer, vous devez créer un nouveau compte à partir de la page de connexion avant de passer à l’étape suivante.
  2. Cliquez sur Applications.
  3. Cliquez sur Créer une application.
  4. Remplissez les champs Nom de l'application et E-mail de contact de l'application, puis cliquez sur Suivant.
  5. Sur la page Ajouter des cas d’utilisation, sélectionnez Authentifier les utilisateurs et demander leurs données avec Facebook Login, puis cliquez sur Suivant.
  6. Sur la page Quel portefeuille d'entreprise souhaitez-vous connecter à cette application, sélectionnez un portefeuille d'entreprise, ou sélectionnez Je ne veux pas encore connecter de portefeuille d'entreprise., puis cliquez sur Suivant.
  7. Vérifiez la page Exigences de publication, puis cliquez sur Suivant.
  8. Vérifiez la page Aperçu, puis cliquez sur Aller au tableau de bord.

Étape 3 : Configurer les paramètres de votre application Meta

  1. Après avoir créé une application, dans votre tableau de bord Meta for Developers, cliquez sur Cas d’utilisation.
  2. Sur le cas d’utilisation Authentifier les utilisateurs et demander leurs données avec Facebook Login, cliquez sur Personnaliser.
  3. Pour vous assurer que les informations des clients sont capturées lors de la connexion, dans la section Autorisations et fonctionnalités, à côté de e-mail, cliquez sur Ajouter.
  4. Cliquez sur Paramètres, puis accédez à Paramètres OAuth client.
  5. Sur la page Se connecter avec Facebook dans votre interface administrateur Shopify, copiez l’URL de redirection de la section URL de redirection.
  6. Sur la page Paramètres de votre tableau de bord Meta for Developers, collez l’URL de redirection dans le champ URI de redirection OAuth valides.
  7. Si vous avez plus d’une URL de redirection dans la section URL de redirection de votre interface administrateur Shopify, répétez ces étapes pour les URL de redirection supplémentaires.
  8. Sur la page Se connecter avec Facebook dans votre interface administrateur Shopify, copiez l’URL de la section URL de désautorisation.
  9. Sur la page Paramètres de votre tableau de bord Meta for Developers, collez l’URL dans le champ URL de rappel de désautorisation.
  10. Sur la page Paramètres de votre tableau de bord Meta for Developers, cliquez sur Enregistrer les modifications.

Étape 4 : Configurer les identifiants dans votre interface administrateur Shopify

  1. Cliquez sur l’icône Accueil pour retourner à votre tableau de bord Meta for Developers, puis cliquez sur Paramètres de l'application > Général.
  2. Copiez l’ID de l'application de votre tableau de bord Meta for Developers.
  3. Sur la page Se connecter avec Facebook dans votre interface administrateur Shopify, collez l’ID de l'application dans le champ ID de l’application de la section Identifiants.
  4. Dans votre tableau de bord Meta for Developers, cliquez sur Afficher à côté de Clé secrète de l’application, puis copiez la Clé secrète de l’application.
  5. Sur la page Se connecter avec Facebook de votre interface administrateur Shopify, collez la clé secrète de l'application dans le champ Clé secrète de l'application, puis cliquez sur Enregistrer.
  6. Dans votre interface administrateur Shopify, cliquez sur Enregistrer les modifications.

Étape 5 : Tester et activer Se connecter avec Facebook

  1. Sur la page Se connecter avec Facebook de votre interface administrateur Shopify, cliquez sur Plus d'actions > Aperçu, puis testez le flux d'authentification Facebook comme si vous étiez un client se connectant à votre boutique.
  2. Cliquez sur Activer.

Après avoir activé Se connecter avec Facebook, vous pouvez tester l'expérience client en accédant à votre boutique en ligne et en vous connectant à votre compte client avec Facebook.

Se connecter avec Shop

Si vous avez activé Shop Pay, vos clients peuvent se connecter avec leurs identifiants Shop et leurs clés d'accès enregistrées. Les clients sont également automatiquement connectés avec Shop après avoir payé dans votre boutique en utilisant Shop Pay.

Se connecter avec Shop est activé automatiquement pour les comptes clients et ne peut être supprimé de votre boutique que si vous désactivez Shop Pay.

Découvrez comment ajouter un bouton Se connecter avec Shop à votre boutique.

Gestion de vos options de connexion via les réseaux sociaux

Vous pouvez modifier, désactiver ou supprimer une méthode de connexion via un réseau social que vous avez connectée.

Après la désactivation ou la suppression d’une méthode de connexion via un réseau social, les clients restent connectés pour éviter toute interruption. Les sessions de connexion via les réseaux sociaux expirent naturellement, ou lorsque les clients se déconnectent.

Étapes :

  1. Depuis votre interface administrateur Shopify, accédez à Paramètres > Comptes clients.

  2. Dans la section Authentification, cliquez sur Gérer.

  3. À côté de la méthode de connexion que vous souhaitez modifier, cliquez sur le menu ….

  4. Effectuez l’une des opérations suivantes :

    • Pour modifier une option de connexion, cliquez sur Gérer, puis mettez à jour les identifiants que vous souhaitez modifier.
    • Pour désactiver une option de connexion sans la supprimer, cliquez sur Désactiver.
    • Pour supprimer une option de connexion, cliquez sur Supprimer, puis cliquez sur Supprimer dans la boîte de dialogue.

Mise à jour de vos connexions via les réseaux sociaux lors de la modification du domaine de vos comptes clients

Si vous prévoyez de remplacer le domaine de vos comptes clients par une URL différente, vous devrez mettre à jour vos paramètres de connexion via les réseaux sociaux avant d’effectuer la modification dans Shopify. Cela permet de s’assurer que les clients peuvent continuer à se connecter sans interruption.

Ces étapes sont requises lorsque vous mettez à jour l’URL de vos comptes clients dans Shopify pour passer du format hérité (tel que shopify.com/1234567890/account) au nouveau format de sousdomaine (account.your-store.com), ou d’un sousdomaine existant à un sousdomaine différent (par exemple, si vous remplacez account.your-store.com par customers.your-store.com).

Ajouter le nouveau sousdomaine des comptes clients à vos fournisseurs de réseaux sociaux

Vous ajouterez le nouveau domaine aux paramètres de votre fournisseur de réseaux sociaux, à côté de votre domaine actuel. Après avoir modifié le domaine des comptes clients dans Shopify et confirmé que le processus de connexion et de déconnexion des comptes clients fonctionne, vous pourrez supprimer les entrées de l’ancien domaine.

Vous devez répéter ces étapes pour chaque option de connexion via un réseau social que vous avez activée.

Étapes :

Google
  1. Accédez à la Google Cloud Console et ouvrez API et services > Identifiants.
  2. Sélectionnez le client OAuth 2.0 que vous avez créé pour Shopify.
  3. Dans Origines JavaScript autorisées, ajoutez une nouvelle entrée. Par exemple : https://account.your-store.com
  4. Dans URI de redirection autorisés, ajoutez une nouvelle entrée. Par exemple : https://account.your-store.com/authentication/social/google/callback
  5. Dans URL de rappel d’annulation d’autorisation, ajoutez une nouvelle entrée. Par exemple : https://account.your-store.com/authentication/social/google/revoke
  6. Enregistrez vos modifications. Conservez les anciennes et les nouvelles URL pour le moment.
  7. Retournez dans votre interface administrateur Shopify et suivez les étapes pour remplacer le domaine de vos comptes par l’URL du nouveau sousdomaine personnalisé dans Shopify.
  8. Testez la connexion et la déconnexion avec chaque option de réseau social sur votre boutique en ligne pour vous assurer que tout fonctionne.
  9. Facultatif : une fois que vous avez la confirmation que le processus de connexion fonctionne correctement, vous pouvez retourner sur Google et supprimer les entrées de l’ancien domaine.
Facebook
  1. Accédez à Meta for Developers et ouvrez votre application.
  2. Accédez à Connexion Facebook > Paramètres.
  3. Dans URI de redirection OAuth valides, ajoutez une nouvelle entrée. Par exemple : https://account.your-store.com/authentication/social/facebook/callback
  4. Dans URL de rappel d’annulation d’autorisation, ajoutez une nouvelle entrée. Par exemple : https://account.your-store.com/authentication/social/facebook/revoke
  5. Accédez à Paramètres > Paramètres de base.
  6. Dans Domaines de l’application, ajoutez une nouvelle entrée. Par exemple : account.your-store.com
  7. Enregistrez vos modifications. Conservez les anciennes et les nouvelles URL pour le moment.
  8. Retournez dans votre interface administrateur Shopify et suivez les étapes pour remplacer le domaine de vos comptes par l’URL du nouveau sousdomaine personnalisé dans Shopify.
  9. Testez la connexion et la déconnexion avec chaque option de réseau social sur votre boutique en ligne pour vous assurer que tout fonctionne.
  10. Facultatif : une fois que vous avez la confirmation que le processus de connexion fonctionne correctement, vous pouvez retourner sur Facebook et supprimer les entrées de l’ancien domaine.