Configuration de la connexion et de l’inscription axées sur le mobile

Objectifs de formation

Après avoir terminé ce module, vous pourrez :

• Créer une page de connexion prenant en charge la connexion sans mot de passe
  
• Créer une page d’auto-inscription configurable pour collecter des informations auprès des utilisateurs lors de leur inscription
  
• Tester le processus de connexion et d’inscription en créant un client
  

Remarque

Vous souhaitez apprendre en français ? Commencez le défi dans un Trailhead Playground en français et utilisez les traductions fournies entre crochets pour naviguer. Copiez et collez uniquement les valeurs en anglais, car les validations de défi reposent sur les données en anglais. Si vous ne réussissez pas le défi dans votre organisation en français, nous vous recommandons (1) de définir le paramètre régional sur les États-Unis, (2) de définir la langue sur l’anglais en suivant les instructions ici, puis (3) de cliquer à nouveau sur le bouton « Vérifier le défi ».

Consultez le badge Trailhead dans votre langue pour découvrir comment profiter de l’expérience Trailhead traduite.

Un site Experience Cloud en un clin d’œil

Northern Trail Outfitters (NTO) a créé un site de service client et gère l’expérience de connexion de ses clients avec Salesforce Experience Cloud. Récemment, de plus en plus de clients de NTO se sont mis à effectuer des achats sur leurs appareils mobiles. Les clients veulent bénéficier d’un accès instantané au site de service client de NTO, et ce, où qu’ils se trouvent.

Joel Pierce, le responsable du service client, souhaite jeter un coup d’œil à la nouvelle fonctionnalité d’identité axée sur le mobile de Salesforce pour constater par lui-même si elle est aussi simple à configurer que le prétend Salesforce. Il a décidé de prendre une petite heure pour la découvrir.

Comme vous l’avez appris précédemment, cette expérience de connexion axée sur le mobile est disponible pour toutes les licences utilisateur. Les pages de connexion par défaut de Salesforce sont disponibles au sein de tous les modèles que vous pouvez utiliser pour créer un site.

Pour essayer les nouvelles fonctionnalités d’identité axée sur le mobile, Joel commence par créer un site de test dans un nouveau Trailhead Playground. Pour ce faire, il suit les étapes de configuration simples présentées ci-dessous. Comme il a créé son site de service client il y a déjà un certain temps, il consulte le module Trailhead Salesforce Identity pour les clients afin de se rafraîchir la mémoire.

Utilisation pratique de l’identité axée sur le mobile

À présent, créez un Trailhead Playground pour suivre les étapes de ce module et tenter de les répéter. Faites défiler la page jusqu’en bas, cliquez sur la flèche vers le bas en regard de Lancer, puis sélectionnez Créer une organisation Trailhead Playground. Il faut généralement 3 à 4 minutes à Salesforce pour créer votre Trailhead Playground. Vous utilisez également le Playground au moment de relever le défi pratique.

Oui, il faut vraiment un Trailhead Playground complètement nouveau ! Si vous utilisez une organisation ou un Playground existant, vous pourriez rencontrer des difficultés pour effectuer les défis.

Assurez-vous de suivre les étapes de la présente unité avant de vous lancer dans la réalisation du défi pratique. En effet, le défi s’appuie sur ce que vous aurez accompli pendant ces étapes.

Configuration de l’accès avec des profils et des rôles

Avant de créer votre site, il est important de définir qui a accès à quels éléments. Les profils et les rôles vous permettent de gérer facilement les possibilités d’accès aux données dont bénéficient vos clients. Nous avons également créé un compte servant à contenir les clients lorsqu’ils s’inscrivent.

1. Créez un profil pour les utilisateurs disposant de la licence External Identity. Un profil vous permet de contrôler les éléments auxquels vos clients peuvent accéder dans votre organisation.
   

1. Dans Setup (Configuration), dans la zone Quick Find (Recherche rapide), saisissez Profiles (Profils), puis sélectionnez Profiles (Profils).
   
2. En regard d’Utilisateur d’identité externe, cliquez sur Cloner.
   
3. Nommez le profil Client NTO, puis cliquez sur Enregistrer.
   

2. Créez un rôle pour l’administrateur du site. Les sites ont besoin de s’appuyer sur une hiérarchie des rôles pour contrôler la façon dont les utilisateurs partagent les données.
   

1. Dans Setup (Configuration), dans la zone Quick Find (Recherche rapide), saisissez Role (Rôle), puis sélectionnez Roles (Rôles).
   
2. Dans la liste déroulante, sélectionnez Exemple basé sur des produits, puis Définir des rôles.
   
3. Sous PDG, cliquez sur Ajouter un rôle.
   
4. Pour l’étiquette du rôle, saisissez NTO Customer Manager (Responsable client NTO) et appuyez sur la touche Tabulation pour renseigner automatiquement le champ Role Name (Nom de rôle).
   
5. Cliquez sur Save (Enregistrer).
   

3. Attribuez le rôle Responsable client à un administrateur Salesforce.
   

1. Dans Setup (Configuration), dans la zone Quick Find (Recherche rapide), saisissez Users (Utilisateurs), puis sélectionnez Users (Utilisateurs).
   
2. En regard de votre nom d’utilisateur, cliquez sur Modifier.
   
3. Dans Rôle, sélectionnez Responsable client NTO, puis cliquez sur Enregistrer.
   

4. Créez un compte pour nos clients.
   

1. Dans le lanceur d’application (), cherchez et sélectionnez Comptes.
   
2. Dans Comptes, cliquez sur Nouveau.
   
3. Nommez le compte Clients NTO, puis cliquez sur Enregistrer.
   

Activation des expériences numériques

Comme il s’agit d’une nouvelle organisation, nous activons d’abord les expériences numériques, qui nous permettent de créer des sites.

1. Dans Setup (Configuration), dans la zone Quick Find (Recherche rapide), saisissez Digital Experiences (Expériences numériques), puis sélectionnez Digital Experiences (Expériences numériques) | Settings (Paramètres).
   
2. Sélectionnez Activer les expériences numériques. Dans le cadre de cet exercice, votre nom de domaine est généré automatiquement. Lorsque vous créez un domaine dans votre organisation de production, saisissez un nom unique et cliquez sur Check Availability (Vérifier la disponibilité).
   
3. Cliquez sur Enregistrer, puis sur OK.
   
4. Si vous êtes invité à autoriser l’ouverture de la page, cliquez sur Ouvrir.
   

Vous êtes dirigé vers la page Expériences numériques, où vous pouvez créer votre site. Gardez cette page ouverte pour la prochaine étape.

Créer un site

Procédez maintenant à la création d’un site.

1. Sur la page Expériences numériques, cliquez sur Nouveau.
   
   Remarque : si vous avez déjà fermé la page Digital Experiences (Expériences numériques), revenez sur celle-ci en saisissant All Sites (Tous les sites) dans la zone Quick Find (Recherche rapide), puis en sélectionnant All Sites (Tous les sites).
   
2. Parmi les vignettes de modèles de l’assistant de création de site, sélectionnez le modèle Service client.
   
3. Cliquez sur Premiers pas.
   
4. Saisissez NTO Customers (Clients NTO) en tant que nom du site.
   
5. Pour l’URL, saisissez ntocustomers à la fin de celle-ci. Dans le cadre de cet exemple, ajouter un suffixe à l’URL n’est pas facultatif : il est important d’ajouter le suffixe clientsnto à l’URL pour garantir que votre site possède une URL unique. Assurez-vous également que celle-ci est en minuscules pour réussir le défi. 
   
6. Cliquez sur Créer. Notre site a été créé sous le statut Aperçu. L’assistant nous redirige vers le centre de contrôle du site : les espaces de travail d’expérience.
   
7. Cliquez sur Administration pour accéder à l’espace de travail permettant la gestion du site.
   
8. Attribuez le profil Client NTO que vous avez créé en clonant le profil pour les utilisateurs disposant d’une licence External Identity.
   

1. Cliquez sur Membres, puis dans Rechercher, sélectionnez Client.
   
2. Ajoutez Client NTO à Profils sélectionnés, puis cliquez sur Enregistrer. Lorsque de nouveaux membres s’inscrivent sur ce site, le profil Client NTO leur est attribué. Ce profil définit les accès des membres du site.
   

9. Cliquez sur Enregistrer.
   
10. Activez le site.
    

1. Depuis l’espace de travail Administration, cliquez sur Paramètres.
   
2. Cliquez sur Activer, puis sur OK.
   

11. Publiez le site.
    

1. En haut à gauche, sélectionnez Administration, puis sélectionnez Générateur dans la liste déroulante.
   
2. En haut à droite, cliquez sur Publier, puis, dans la boîte de dialogue de confirmation, cliquez à nouveau sur Publier et enfin sur J’ai compris.
   

12. Revenez maintenant à l’espace de travail Administration pour vous atteler à la tâche.
    

1. En haut à gauche, cliquez sur , puis sélectionnez Administration dans la liste déroulante.
   
2. Sélectionnez Connexion et inscription.
   

Nous sommes maintenant sur la page où s’effectuent toutes les configurations liées à la connexion.

Il nous serait possible d’ajouter d’autres fonctionnalités Experience Cloud, mais nous avons créé les éléments de base dont nous avons besoin pour le moment. Nous sommes donc prêts à faire entrer nos pages de connexion dans l’ère moderne, celle de l’identité axée sur le mobile.

Personnalisation du site avec votre image de marque

Depuis la page Connexion et inscription, vous pouvez appliquer votre image de marque à toutes les pages en lien avec l’expérience de connexion. Pour être précis, votre image de marque sera appliquée aux pages sur lesquelles les utilisateurs s’inscrivent, se connectent, vérifient leur identité, réinitialisent les mots de passe, etc.

1. En ce qui concerne le logo, vous pouvez fournir le vôtre en chargeant un fichier ou en saisissant une URL. Toutefois, vous allez utiliser ici un logo conçu par nos soins. Pour utiliser notre logo NTO, téléchargez-le depuis notre référentiel GitHub :
   https://github.com/salesforceidentity/Mobile-first/blob/master/logo-nto.png
   

1. Cliquez sur le lien GitHub ci-dessus, puis cliquez sur Télécharger.
   
2. Depuis la page Connexion et inscription, sous Fichier du logo, cliquez sur Choisir un fichier. Trouvez ensuite logo-nto.png dans le dossier des téléchargements de votre système de fichiers.
   
3. Faites défiler l’écran jusqu’au bas de la page, puis cliquez sur Enregistrer. Dans Fichier du logo, vous devriez maintenant voir le logo de Northern Trail Outfitters. Il est pas mal, n’est-ce pas ?
   

2. Pour constater à quel point l’ajout d’une image d’arrière-plan égaie vos pages de connexion, vous pouvez renseigner une URL qui mène vers une image. Si vous n’avez pas d’image hébergée à disposition, laissez Background Type (Type d’arrière-plan) défini sur Color (Couleur) et choisissez une nouvelle couleur pour l’arrière-plan.
   

1. Pour choisir une image d’arrière-plan, sélectionnez Image URL (URL de l’image) dans la liste déroulante pour Background Type (Type d’arrière-plan).
   
2. Dans URL de l’image d’arrière-plan, saisissez une URL qui pointe vers une image. L’apparence de notre arrière-plan correspond à ce à quoi vous pouvez vous attendre d’une boutique d’équipements d’extérieur : des montagnes verdoyantes et un ciel bleu.
   

3. Modifiez la couleur du bouton Se connecter pour qu’elle corresponde à la palette utilisée par votre entreprise. Cette couleur s’applique aux boutons de toutes les pages en lien avec la connexion, à savoir Se connecter, S’inscrire, Vérifier et Réinitialiser le mot de passe.
   
4. Mettez à jour le texte du pied de page pour qu’il affiche « Northern Trail Outfitters » ou le texte de votre choix.
   
5. Cliquez sur Enregistrer.
   

Configuration de la découverte de la connexion

Nous arrivons maintenant à la partie réellement intéressante. Vous avez configuré votre site et l’avez personnalisé en fonction de votre image de marque. Configurons maintenant la connexion axée sur le mobile. Comme mentionné dans la première unité, la découverte de la connexion donne aux utilisateurs la possibilité de se connecter avec un élément autre que leur nom d’utilisateur, par exemple leur numéro de téléphone. Lorsque vous configurez la découverte de la connexion depuis la page Connexion et inscription, les utilisateurs peuvent se connecter automatiquement avec leur adresse e-mail ou leur numéro de téléphone vérifiés.

1. À partir de votre page Connexion et inscription, recherchez Configuration de la page de connexion. 
   
2. Pour Type de page de connexion, sélectionnez Page de découverte de la connexion.
   
3. Dans Invite de connexion, saisissez E-mail ou téléphone.
   
4. Cliquez sur Créer un Gestionnaire de découverte de la connexion.
   
5. Pour Execute Login As (Exécuter la connexion en tant que), cliquez sur  et choisissez votre nom. (En production, les administrateurs créent généralement un utilisateur système pour ce champ. De cette façon, les opérations effectuées par le gestionnaire peuvent être facilement retracées jusqu’au processus de connexion.)
   
6. Sélectionnez Autoriser les employés à se connecter directement à un site Experience Cloud.
   
7. Cliquez sur Enregistrer. Une fois que vous avez enregistré cette page, Salesforce génère un gestionnaire de découverte de la connexion par défaut. Le gestionnaire de découverte de la connexion pointe vers une classe Apex qui implémente la logique Découverte de la connexion. Vous pourrez en apprendre davantage sur ce gestionnaire et sur sa personnalisation dans l’unité suivante.
   
8. Voyons à quoi ressemble votre page de connexion avec le type de page Découverte de la connexion.
   

1. Dans Administration, cliquez sur Paramètres.
   
2. Cliquez avec le bouton droit de la souris sur l’URL, puis sélectionnez Ouvrir le lien dans une fenêtre de navigation privée (dans Chrome) ou Ouvrir le lien dans une nouvelle fenêtre de navigation privée (dans Firefox et Safari). 
   

Au centre de votre page de connexion, vous pouvez voir l’invite E-mail ou téléphone et le bouton Se connecter. Notre arrière-plan utilise l’URL de notre image représentant un environnement naturel.

Configuration de la page d’inscription de votre site

Vous disposez d’une page de connexion pour les membres de votre site. Il est maintenant temps que des membres s’inscrivent. Les utilisateurs pourront s’inscrire au site eux-mêmes, une fois que vous aurez configuré la page d’inscription de votre site.

1. Presque en bas de la page Login & Registration (Connexion et inscription), sous Registration Page Configuration (Configuration de la page d’inscription), sélectionnez Allow customers and partners to self-register (Autoriser les clients et partenaires à s’auto-inscrire).
   
2. Dans Type de page d’inscription, choisissez Page d’auto-inscription configurable.
   
3. Choisissez les champs utilisateur que vous souhaitez que les clients renseignent au moment de leur inscription. Pour faire simple, sélectionnez First Name (Prénom) et Email (E-mail).
   
4. Cliquez sur Créer un gestionnaire d’auto-inscription configurable.
   
5. Dans Exécuter l’inscription en tant que, sélectionnez-vous. Tout comme précédemment avec le gestionnaire de découverte de la connexion, le champ Exécuter l’inscription en tant que fournit le contexte dans lequel s’exécute le gestionnaire d’auto-inscription configurable.
   
6. Dans Méthode de vérification, sélectionnez E-mail. Lorsque vous choisissez E-mail comme méthode de vérification, Salesforce envoie par e-mail un code de validation dans votre boîte de réception. Si vous choisissez Message texte, Salesforce envoie un code de validation par message texte à votre téléphone mobile. Si vous choisissez Aucun, les utilisateurs doivent saisir un mot de passe pour se connecter.
   
7. Laissez la case à cocher Inclure le mot de passe désélectionnée. Pour que le processus d’inscription soit plus simple, nous ne collecterons pas de mot de passe pour le moment. Cependant, si vous sélectionnez Inclure le mot de passe, le formulaire d’auto-inscription contiendra les champs Mot de passe et Confirmer le mot de passe. Le fait de demander un mot de passe lors de l’inscription a pour avantage d’apporter la certitude que les utilisateurs auront toujours un moyen de se connecter. Cela s’avère utile pour les utilisateurs qui ont égaré leur téléphone ou n’arrivent pas à accéder à leurs e-mails.
   
8. Dans Profil, choisissez Client NTO.
   
9. Dans Compte, choisissez Clients NTO. La configuration de votre page d’inscription devrait ressembler à ceci. Vous remarquerez que la méthode de vérification est E-mail.
   
10. Cliquez sur Enregistrer. Après avoir enregistré cette page, Salesforce crée un gestionnaire qui génère votre page d’inscription.
    
11. Voyons à quoi ressemble votre page de connexion maintenant que nous avons configuré le type de page d’auto-inscription configurable. Actualisez la fenêtre de navigation privée contenant la page de connexion.
    

Votre lien de connexion doit se présenter à peu près comme suit. L’arrière-plan de votre page de connexion ne représentera toutefois pas un environnement naturel comme dans notre exemple. Vous avez compris le principe.

Réalisation d’un test : inscription d’une nouvelle cliente suivie de sa connexion

Désormais, les nouveaux clients peuvent s’inscrire sur le site de Joel. Pour tester si un nouvel utilisateur peut bien s’inscrire et se connecter, Joel peut créer un client depuis la page de connexion.

1. Revenez à la fenêtre de navigation privée contenant la page de connexion. Si vous avez déjà fermé cette fenêtre, dans Administration, sélectionnez Paramètres, puis effectuez un clic droit sur le chemin d’accès au site.
   
2. Joel clique sur S’inscrire et crée un client test, en utilisant le prénom Samantha. Joel souhaite recevoir des e-mails de vérification et tester le processus d’inscription. Il doit donc utiliser une adresse e-mail à laquelle il peut accéder. Toutefois, il ne souhaite pas utiliser l’adresse e-mail associée à son compte administrateur sur le site. Il saisit donc une adresse e-mail différente.
   
   
3. Salesforce affiche la page de vérification et envoie un code de validation à l’adresse e-mail.
   
4. Joel accède à sa boîte de réception pour trouver l’e-mail contenant le code de validation, puis saisit le code sur la page de vérification.
   
   

Voilà qui est fait : Joel est arrivé sur la page d’accueil de son site. Pour voir qui est connecté, il clique sur l’icône de profil à droite et sélectionne Mon profil.

Il voit qu’il est connecté en tant qu’un nouveau client, nommé Samantha. 

Vous remarquerez que le nom de famille de Samantha est un identifiant du type ExternalUser1550768707871. Pourquoi ? Salesforce a besoin d’un nom de famille pour créer un utilisateur. Comme Samantha n’en a pas fourni lors de son inscription, Salesforce lui en a attribué un de nature temporaire. Lors de ses connexions suivantes, NTO pourra le lui demander, en même temps que d’autres informations de profil. NTO peut ainsi intégrer de plus en plus d’informations au profil de Samantha au fur et à mesure qu’elle devient une cliente fidèle. Les experts en identité appellent parfois ce processus de constitution du profil d’un membre le profilage progressif alimenté par le flux de connexion.

Faites particulièrement attention à l’aspect suivant : si vous essayez de créer un autre utilisateur, il s’affichera une erreur du type « Le message d’erreur est : l’utilisateur du portail existe déjà pour ce contact ». Si cela vous arrive, ne vous inquiétez pas. Nous vous expliquerons pourquoi plus tard.

Connexion et affichage de la cliente de votre nouveau site

De nature plutôt sceptique, Joel se demande si Samantha peut se connecter au site après s’être inscrite. Comment peut-elle se connecter si elle n’a pas saisi de mot de passe lors de la création de son compte ? Joel décide de vérifier si cela est possible. Il utilise une nouvelle fenêtre de navigation privée (mode incognito) pour tester cela.

1. Connectez-vous au site de NTO en tant que Samantha.
   

1. Joel ouvre une nouvelle fenêtre privée sur son navigateur (mode incognito).
   
2. Sur la page de connexion de NTO, Joel connecte Samantha en saisissant l’adresse e-mail dont il s’est servi lors de son inscription.
   
3. Joel consulte ses e-mails pour obtenir le nouveau code de validation, puis il le saisit sur la page de vérification.
   

2. Effectivement, Joel (en tant que Samantha) est revenu à la page d’accueil de Northern Trail Outfitters.
   
3. Vérifiez que Samantha est répertoriée en tant que contact dans le compte Clients NTO. Joel revient à son organisation Salesforce. Il veut voir si Samantha apparaît en tant que cliente dans le compte Clients NTO. Vous vous souvenez que nous avons créé le compte Clients NTO un peu plus tôt ? Ce compte répertorie tous les clients qui se sont inscrits.
   

1. Dans le lanceur d’application (), cherchez et sélectionnez Comptes.
   
2. Dans la liste des comptes, choisissez Clients NTO.
   

4. Bravo ! Samantha est répertoriée en tant que contact dans le compte Clients NTO.
   

Inscription de davantage de clients

Joel souhaite créer davantage de clients dans son organisation. C’est possible, car son organisation Trailhead Playground met à sa disposition quelques licences External Identity et Communities. Cependant, il ne peut pas créer plusieurs clients avec la même adresse e-mail. Chaque client devant être unique, il doit trouver d’autres adresses e-mail afin d’ajouter des clients.

Joel peut facilement vérifier si les clients ont des adresses e-mail uniques depuis la page Utilisateurs dans Configuration. Pour voir la liste des adresses e-mail des utilisateurs, Joel crée d’abord une vue de liste des utilisateurs, conformément aux instructions figurant dans une unité ultérieure. Si deux utilisateurs ont la même adresse e-mail, il peut désactiver l’un d’entre eux en décochant la case Actif correspondant à l’utilisateur.

Si Joel ne souhaite pas désactiver un utilisateur, il a également la possibilité de désactiver le client correspondant dans Contacts.

Et maintenant ?

Vous avez créé des pages de connexion et d’inscription par défaut. Nous allons maintenant découvrir comment nous pouvons personnaliser le processus de connexion.

Ressources

• Trailhead : Identité pour les clients
  
• Aide Salesforce : Personnalisation de la connexion, de l’auto-inscription et de la gestion des mots de passe pour votre site Experience Cloud
  
• Aide Salesforce : Personnalisation de votre page de connexion
  
• Vidéo : Services Salesforce Identity : Un monde axé sur le mobile nécessite une connexion axée sur le mobile