Comment configurer l'authentification unique (SSO) dans Shopify avec Facebook comme IDP (OAuth) ?
Marché
miniOrange permet à Facebook d'agir en tant que fournisseur d'identité (IdP), permettant aux utilisateurs de se connecter avec Authentification unique (SSO) dans Shopify à l'aide des identifiants Facebook. Cette intégration vous permet d'offrir à vos clients une option de connexion sociale qui réduit les frictions et améliore l'expérience utilisateur.
La solution prend en charge à la fois nouveaux comptes clients Shopify et comptes classiques/anciens, marche avec Boutiques Shopify Plus et non-Plus, ainsi est idéal pour Marques D2C, magasins axés sur la communauté et portails B2B qui souhaitent proposer plusieurs options de connexion. En configurant SSO Facebook Shopify, vous pouvez augmenter les conversions, rationaliser l'authentification et améliorer l'engagement client tout en maintenant la sécurité.
Pré-requis : Téléchargement Et Installation
Installer SSO dans la boutique Shopify en utilisant Facebook comme IDP (OAuth), vous devrez ajouter Authentification unique Shopify (SSO) application sur votre Store.
Consultez les face , pour en savoir plus sur le fonctionnement de l'application Shopify SSO dans Shopify.
Étapes de configuration
Étape 1 : Obtenir l'URL de rappel (URI de redirection) depuis Shopify
- Accédez à votre boutique Shopify et accédez au Application section et cliquez sur Authentification unique - Connexion SSO .
- Cliquez sur le Ajouter un fournisseur d'identité bouton pour ajouter votre IDP.
- Choisir OAuth 2.0 protocole.
- Maintenant, choisissez Facebook de la liste des personnes déplacées.
- Copiez le URL de rappel OAuth et gardez-le à portée de main car il sera utilisé dans les étapes ultérieures.
Vous avez obtenu avec succès l'URL de rappel (URI de redirection) de Shopify.
Étape 2 : Configurer Facebook en tant que fournisseur OAuth
- Pour commencer, accédez à la console des développeurs Facebook, cliquez sur ici et inscrivez-vous/connectez-vous avec votre compte de développeur Facebook.
- Accédez à la page des applications Facebook Developers et cliquez sur le bouton Créer une application bouton pour ajouter une nouvelle application.
- Puis choisissez le Autoriser les gens à se connecter avec leur compte Facebook option comme cas d'utilisation, puis cliquez sur Suivant.
- Entrer le Nom de l'application et Ajouter une adresse e-mail de contact pour votre application Facebook respectivement puis cliquez sur Créer une application pour enregistrer vos paramètres.
- Allez dans Paramètres de l'application -> De base pour afficher votre identifiant d'application et votre secret d'application. Le ID de l'application est votre identité du client et la Secret d'application est votre Secret client, gardez ces valeurs à portée de main car vous en aurez besoin plus tard pour configurer l'application SSO Shopify Single Sign-On (reportez-vous aux images ci-dessous).
- Domaine de l'application : Écrivez-y le domaine de votre site Web.
- URL de la politique de confidentialité : Remplissez cette case avec l'URL associée à la page de politique de confidentialité de votre site Web.
- Conditions de service: Remplissez cette case avec l'URL liée à la page des conditions d'utilisation de votre site Web.
- Suppression des données utilisateur : Dans le menu déroulant, sélectionnez URL d’instructions de suppression des données (saisissez l’URL de votre page avec les instructions sur la façon dont les utilisateurs peuvent supprimer leurs comptes sur votre site).
- Choisissez un Catégories dans la liste déroulante du champ Catégorie et sélectionnez le Objectif de l'application option qui décrit le mieux votre application, puis appuyez sur Enregistrer les modifications pour enregistrer vos configurations.
- Maintenant, faites défiler vers le bas et cliquez sur Ajouter une plateforme bouton. Sélectionnez le Site Web option lorsque vous essayez d'intégrer votre connexion Facebook à un site Web. Cliquez sur Suivant.
- Ensuite, entrez votre URL de la boutique Shopify (store.xecurify.com) et cliquez Enregistrer. Puis clique Continuer.
- Cliquez sur le Cas d’usage sur le côté gauche, puis cliquez sur l'onglet Personnaliser bouton qui apparaît à côté du Authentification et création de compte article.
- En dessous de la Permissions section, trouvez la ou a nous envoyer un courriel autorisation et cliquez sur le Ajouter .
- Par défaut, votre application ne dispose que d'un accès standard pour les autorisations « public_profile » et « email », ce qui signifie que vous seul pouvez vous connecter avec. Pour obtenir un accès avancé, vous devrez passer par la vérification d'entreprise, que vous pouvez démarrer sur le Vérification onglet sur le côté gauche.
- En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Connexion Facebook >> paramètres section cliquez sur Aller à Paramétres bouton pour ajouter le URL de redirection/rappel (à partir de l'étape 1).
- Dans le URI de redirection OAuth valides champ ajouter le URL de redirection/rappel que vous obtiendrez à partir de l'application Shopify Single Sign-On (SSO). Cliquez sur Enregistrer .
- Actuellement, votre application est en mode développement, ce qui signifie également que les personnes extérieures à votre entreprise ne peuvent pas l'utiliser. Une fois votre vérification terminée, cliquez sur le GO LIVE et publiez votre application en cliquant sur le bouton « Mise en ligne » en bas à droite. Avant d'appuyer sur ce bouton, il est recommandé de vérifier les étapes décrites sur la page « Mise en ligne » pour vous assurer que tout est correctement configuré.
Vous avez configuré avec succès Shopify en tant que fournisseur de services dans l'application Facebook.
Étape 3 : Configurer Facebook comme fournisseur d'identité dans Shopify
- Revenez au Authentification unique miniOrange-SSO .
- Cliquez sur le Ajouter un fournisseur d'identité bouton pour ajouter votre IDP.
- Choisir OAuth 2.0 protocole.
- Dans la liste des personnes déplacées, sélectionnez Facebook.
- Maintenant, remplissez les détails requis comme ID client, secret client, points de terminaison et portée.
- Veuillez vous référer au tableau ci-dessous pour configurer les valeurs.
- À noter: Vous pouvez trouver le domaine cognito à partir de Étape 2.
| Nom d'affichage IDP : | [entrez le nom de l'application de votre choix] |
| Identité du client: | Dès Étape 2 |
| Secret du client: | Dès Étape 2 |
| Autoriser le point de terminaison : | https://www.facebook.com/dialog/oauth |
| Point de terminaison du jeton d’accès : | https://graph.facebook.com/v2.8/oauth/access_token |
| Obtenir le point de terminaison des informations utilisateur : | https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link |
| Portée: | public_profile email (saisissez ce texte exactement comme indiqué) |
- Vous pouvez maintenant cliquer sur Enregistrer.
Étape 4 : Tester la connexion
-
Après avoir enregistré la configuration IDP, vous serez redirigé vers le
Test de connexion étape.
Veuillez effectuer un test de connexion avant de mapper ou de récupérer des attributs, le test de connexion garantit que votre configuration IDP est correcte. - Cliquez sur le Test de connexion .
- Après avoir saisi des informations d'identification Facebook valides, vous verrez une fenêtre contextuelle qui s'affiche dans l'écran ci-dessous.
- Cliquez sur le Récupérer les attributs bouton pour récupérer l'attribut IDP.
Étape 5 : Mappage des attributs
- Cliquez sur le + Mappage d'attributs bouton pour mapper les attributs entre Shopify et AWS Cognito.
- Cartographiez les attributs en vous référant au tableau ci-dessous :
| Nom de l'attribut dans Shopify | Sélectionnez la clé d'attribut client Shopify dans laquelle vous souhaitez synchroniser la valeur d'attribut entrante de l'IDP |
| Type d'attribut | Attribut IDP |
| Valeur d'attribut | Sélectionnez la clé d'attribut que vous avez récupérée auprès de votre IDP et que vous souhaitez synchroniser dans Shopify |
- Cliquez sur Suivant.
Étape 6 : Activer et tester les configurations SSO
Sélectionnez le type de boutique Shopify :
- Magasin Non-Plus
- Magasin Plus
Dans ce guide, vous avez configuré Authentification unique Facebook (SSO) en mettant en place Facebook en tant que fournisseur d'identité (IdP) et Shopify en tant que fournisseur de services (SP) en utilisant la fonction Application de connexion unique (SSO) miniOrange Shopify. Avec cette configuration, vos utilisateurs peuvent désormais profiter Authentification unique (SSO) dans Shopify à l'aide des identifiants Facebook, délivrant un expérience d'authentification transparente, sociale et sécurisée qui stimule l'engagement des clients et réduit les barrières de connexion.
Intégrations et fonctionnalités prises en charge
Plus de fonctionnalités ➔Foire Aux Questions (FAQ)
Plus de FAQ ➔
J'ai suivi les étapes pour définir l'IDP, mais où puis-je vérifier le SSO ?
Suivez les étapes décrites ici pour configurer SSO dans Shopify avec votre IDP préféré.
J'ai installé l'application Shopify SSO. J'ai cliqué sur l'option « SETUP IDP » mais rien ne s'est ouvert.
La redirection vers tout autre site peut être bloquée dans le navigateur. Veuillez suivre les étapes indiquées ici pour résoudre le problème.
Après avoir effectué le SSO, je souhaite que mes clients soient redirigés vers la page des collections ou des offres de réduction.
Suivez les étapes décrites ici pour rediriger votre client vers les collections/panier ou toute autre page.
Comment activer la redirection automatique de l'application SSO vers la fonctionnalité IDP sur ma boutique Shopify ?
Vous devez passer au plan Entreprise de l'application SSO pour activer la fonctionnalité de redirection automatique vers l'IDP. Suivez les étapes décrites ici pour activer cette fonctionnalité.
RESSOURCES SUPPLÉMENTAIRES
Contactez-nous
Veuillez nous contacter à shopifysupport@xecurify.com, et notre équipe vous aidera à configurer l'application Shopify SSO. Notre équipe vous aidera à sélectionner la solution/le plan le mieux adapté à vos besoins.
