Suivez votre progression
Accueil Trailhead
Accueil Trailhead

Élaboration d’une page d’enregistrement personnalisée pour Lightning Experience et l’application mobile Salesforce

Objectifs de formation

Une fois cette unité terminée, vous pourrez :
  • Créer une page d’enregistrement d’objet personnalisé pour Lightning Experience et l’application mobile Salesforce
  • Ajouter des règles de visibilité à un composant de page d’enregistrement
  • Activer la page d’enregistrement personnalisée pour vos utilisateurs

Qu’en est-il des pages d’enregistrement Lightning Experience ? Vous pouvez également les personnaliser !

Utilisez le Générateur d’applications Lightning pour ajouter, retirer ou réorganiser les composants d’une page d’enregistrement et offrir aux utilisateurs une vue personnalisée de chaque enregistrement d’objet. Mieux encore, vous pouvez personnaliser une page d’enregistrement et l’attribuer à des applications Lightning spécifiques pour permettre aux utilisateurs d’accéder à une page d’enregistrement, spécialement adaptée au contexte de l’application qu’ils utilisent.

Votre page d'enregistrement

De la même façon que la page d’accueil, vous pouvez créer une page d’enregistrement personnalisée de différentes façons : créez-la entièrement à l’aide d’un modèle, clonez l’une de vos autres pages d’enregistrement personnalisées ou modifiez une page existante. Toutefois, contrairement à la page d’accueil, les pages d’enregistrement personnalisées sont non seulement prises en charge sur la version de bureau de Lightning Experience, mais également dans l’application mobile Salesforce. Nous allons créer une page d’enregistrement à l’aide d’un modèle, puis vérifier sa présentation sur un ordinateur de bureau et sur un téléphone.

Création d’une page d’enregistrement Lightning personnalisée

Créons une page d’enregistrement d’opportunité personnalisée.

Nous allons légèrement ajuster la présentation de page de l’enregistrement standard pour vous montrer son fonctionnement. Vous pourrez ensuite personnaliser vos pages d’enregistrement comme vous le souhaitez. Commençons.

  1. Dans Configuration, saisissez Générateur d'applications dans la case Recherche rapide, puis sélectionnez Générateur d'applications Lightning.
  2. Cliquez sur Nouveau.
  3. Sélectionnez Page d’enregistrement et suivez l’assistant.
  4. Nommez votre page Nouvelle page d’opportunité, puis sélectionnez Opportunité.
    Conseil

    Conseil

    Commencez à saisir le nom d’un objet dans le champ Objet pour filtrer la liste et trouver plus rapidement ce que vous recherchez.

  5. Choisissez le modèle En-tête, en-tête secondaire et menu latéral droit, puis cliquez sur Terminer.
    Le volet des composants contient tous les composants standard disponibles pour les pages d’enregistrement d’opportunité, ainsi que tous les composants personnalisés que vous avez installés dans votre organisation.
  6. Dans le menu des paramètres (Icône du menu des paramètres du volet des composants du Générateur d’applications Lightning), sélectionnez Toujours afficher les icônes.
    Les icônes qui apparaissent dans la palette indiquent les facteurs de forme que chaque composant prend en charge. Par exemple, si vous ajoutez le composant Fil Chatter à votre page, il s’affiche lorsque vous consultez la page sur la version de bureau ou dans l’application mobile Salesforce. Ce n’est pas le cas pour l’Éditeur Chatter, qui est uniquement pris en charge sur la version de bureau. Nous allons constater ce comportement en testant notre page terminée.
  7. Faites glisser le composant Panneau de présentation vers la zone supérieure de la page.
    Cliquez sur Fonctionnement dans le volet des propriétés du composant afin de déterminer l’origine du contenu du panneau.
  8. Ajoutez le composant Parcours sous le panneau de présentation.
  9. Ajoutez un composant Chatter dans la zone inférieure droite.
  10. Ajoutez un composant Onglets dans la zone inférieure gauche.
    Ajouter un composant Onglets

    Le composant Onglets inclut des onglets par défaut. Ajoutons-en un autre.

  11. Dans le volet des détails du composant Onglets, cliquez sur Ajouter un onglet.
    Par défaut, un autre onglet Détails est ajouté. Comme nous en avons déjà un, nous allons le modifier.
  12. Cliquez sur le deuxième onglet Détails. Dans le menu déroulant Étiquette de l’onglet, sélectionnez Personnalisé, puis choisissez une nouvelle étiquette pour l’onglet : Éléments récents.
    Ajouter un nouvel onglet
  13. Cliquez sur Terminé.
  14. Créez un onglet Activité.
  15. Faites glisser l’onglet Éléments récents en haut de la liste Onglets dans le volet des propriétés.
    L’onglet Éléments récents est maintenant en première position dans le composant Onglets. Si vous cliquez sur les différents onglets, rien ne change, car les onglets ne contiennent aucun composant. Ils sont vides. Corrigeons ce défaut.
  16. Sélectionnez l'onglet Détails.
  17. Faites glisser un composant Détails d’enregistrement directement sous l’onglet Détails, vers la zone soulignée en vert.
    Ajouter un composant de détail
  18. Ajoutez un composant Listes associées à l’onglet Associé, un composant Activités à l’onglet Activités et le composant Éléments récents à l’onglet Éléments récents.
  19. Sélectionnez le composant Onglets dans la zone de dessin, puis changez l’ordre des onglets dans le volet des propriétés, comme suit : Détails, Activité, Éléments récents puis Associé.
    Vous ne pouvez pas faire glisser les onglets à l’intérieur du composant pour les réorganiser. Vous pouvez les ajuster uniquement dans le volet des propriétés.
  20. Cliquez sur Enregistrer, puis sur Pas maintenant.

Rendre votre page d'enregistrement dynamique

Saviez-vous que vous pouvez contrôler à quel moment un composant apparaît sur une page d'enregistrement Lightning ? C’est faisable en ajoutant des conditions et une logique de filtrage de visibilité des composants à ses propriétés.

Les propriétés de visibilité des composants apparaissent quand vous sélectionnez un composant sur une page d’enregistrement, d’application ou d’accueil dans le Générateur d’applications Lightning. Ce comportement s’applique aux composants standard, aux composants personnalisés et aux composants d’AppExchange. Vous n’avez pas besoin de faire quoi que ce soit à vos composants personnalisés. Tout est géré par le Générateur d’applications Lightning. Si vous ne définissez pas de filtre, le composant s’affiche sur la page Lightning comme d’habitude. Quand vous définissez un ou plusieurs filtres et que vous configurez la logique de filtrage d'un composant, celui-ci reste invisible jusqu’à ce que les critères de la logique de filtrage soient remplis.

Essayons. Nous allons établir des filtres pour qu’un composant de texte enrichi s'affiche lorsque le montant d'une opportunité est supérieur ou égal à 1 million $, et que son statut est Clôturée/Gagnée.

  1. Ajoutez un composant de texte enrichi au-dessus du composant Chatter de la page.
  2. Saisissez ce texte dans le composant : Une opportunité d’un million de dollars a été clôturée ! Waouh !
  3. Dans les propriété du composant, mettez le texte en gras et centré, en 18 points, dans une police qui vous plaît.
  4. Laissez l’option Afficher en tant que carte sélectionnée.
    Ce paramètre rend le texte à l’intérieur du composant plus lisible sur les pages Lightning en remplaçant l’arrière-plan transparent par un arrière-plan blanc. Activez et désactivez l’option pour comprendre ce que nous essayons de dire.
  5. Cliquez sur Ajouter un filtre.
  6. Définissez Champ sur Montant, si ce n’est pas déjà le cas.
  7. Définissez Opérateur sur Supérieur ou égal. Saisissez 1000000 comme valeur.
    Paramètres de visibilité du composant
  8. Cliquez sur Terminé.
  9. Cliquez de nouveau sur Ajouter un filtre et créez un autre filtre pour que le champ Étape soit égal à la valeur Fermée-Gagnée.
    Les règles de visibilité vous permettent de contrôler si un composant s’affiche en fonction des valeurs de champ, mais ce n’est pas tout. Comme nous l’avons indiqué, les pages d’enregistrement personnalisées sont prises en charge dans Lightning Experience, à la fois sur la version de bureau et dans l’application mobile Salesforce. Les règles de visibilité peuvent également contrôler l’affichage des composants sur une page en fonction du facteur de forme (ou du périphérique) sur lequel vous consultez la page. Configurons les règles pour faire apparaître un composant seulement lorsque la page est consultée sur un téléphone.
  10. Ajoutez un autre composant de texte enrichi juste en dessous du premier.
  11. Saisissez ce texte dans le composant : Ce composant est réservé aux utilisateurs mobiles.
  12. Personnalisez le texte comme vous le souhaitez, puis cliquez sur Ajouter un filtre.
  13. Sous Type de filtre, cliquez sur Périphérique.
  14. Définissez le champ Valeur sur Téléphone, puis cliquez sur Terminé.
  15. Enregistrez la page et cliquez sur Activation.

Déploiement de votre page d’enregistrement personnalisée pour les utilisateurs

Il est temps de déployer la merveille ! Activons la page, très facile.

Activation de la page d'enregistrement

Vous disposez de quatre options d’activation.
  • Définissez la page par défaut dans l’organisation pour le projet.
  • Définissez cette page d'enregistrement d'objet par défaut pour des applications Lightning spécifiques.
  • Attribuez la page à une combinaison d'applications Lightning, de types d'enregistrement et de profils.
  • Attribuez la page à un facteur de forme, tel qu’un PC ou un téléphone.

Notez la dernière puce de la liste. Vous pouvez non seulement créer une page personnalisée selon les besoins de vos utilisateurs, mais vous pouvez aller plus loin et personnaliser une page en fonction de la façon dont vos utilisateurs y accèdent. Vous pouvez créer des pages d’enregistrement personnalisées que seuls vos utilisateurs mobiles voient, contenant uniquement ce dont ils ont besoin lorsqu’ils sont en déplacement ou sur le terrain. En parallèle, les pages d’enregistrement pour ordinateur de bureau peuvent répondre aux besoins de vos utilisateurs lorsqu’ils travaillent sur leur PC ou leur ordinateur portable.

Attribuons cette page à une application, un type d’enregistrement et un profil spécifiques. Nous veillerons également à ce qu’elle soit attribuée aux facteurs de forme Ordinateur de bureau et Téléphone, afin qu’elle apparaisse aux deux endroits.

  1. Cliquez sur l’onglet Application, type d’enregistrement et profil.
  2. Cliquez sur Attribuer à des applications, des types d'enregistrement et des profils.
  3. Attribuez la page à l’application Vente, au facteur de forme Ordinateur de bureau et téléphone, au type d’enregistrement Principal et au profil Administrateur système.
  4. Vérifiez les attributions de la page.
    La colonne Nouvelle page est renseignée avec le nom de la page que nous activons : Nouvelle page d'opportunité.
  5. Cliquez sur Enregistrer.
Vous voyez ? Rien de sorcier ! Votre page d’enregistrement personnalisée est désormais en ligne. Examinons-la de plus près.
Conseil

Conseil

Vous vous demandez peut-être « Très bien, mais si je change d’avis ? Comment puis-je désactiver ma page personnalisée ? » Rien de plus facile. Cliquez sur Activation, sur l’onglet Application, Type d’enregistrement et Profil, puis sur Retirer des attributions.

Synthèse

Vous venez de créer une page et de l'activer. Observons maintenant son fonctionnement. Tout d’abord, nous allons l’examiner sur la version de bureau.

  1. Cliquez sur Revenir dans l’en-tête du Générateur d’application.
  2. Depuis le lanceur d’application (Icône du Lanceur d’application), cherchez et sélectionnez Ventes, puis cliquez sur l’onglet Opportunités.
  3. Sélectionnez une opportunité ouverte d’un montant inférieur à 1 000 000 $.
    Il peut être nécessaire d’actualiser la page d’opportunité pour afficher les modifications que vous venez d’apporter à la page d’enregistrement.

    La page d’enregistrement personnalisée se présente comme suit, avec l’exemple de société Dickenson Mobile Generators. Vous avez attribué la page d’enregistrement au profil Administrateur système. Par conséquent, vous pouvez l’afficher, contrairement aux autres utilisateurs de votre organisation. Vous pouvez personnaliser l’expérience de vos différents utilisateurs en créant des pages d’enregistrement personnalisées et en les attribuant par application, par type d’enregistrement et par profil utilisateur. Accordez aux responsables commerciaux une vue des opportunités différente de celle des commerciaux. Configurez des pages de compte sans but lucratif différentes des pages de compte professionnel standard.

    Exemple d'enregistrement d'opportunité

    Vous ne voyez pas les composants de texte enrichi que vous avez ajoutés à la page ? Deux raisons peuvent l’expliquer. Pour l’un des composants, c’est parce que nous consultons la page sur un ordinateur de bureau. Nous en reparlerons plus tard. Pour l’autre composant, c’est parce que l’opportunité ne correspond pas aux critères que vous avez définis. Changeons cela.

  4. Dans les actions au niveau de la page du panneau de présentation, sélectionnez Modifier.
  5. Modifiez le montant de l’opportunité de sorte qu’il dépasse 1 000 000 $, passez l'étape sur Clôturée/Gagnée et cliquez sur Enregistrer.
    Waouh, regardez ça ! Vous n’avez même pas eu besoin de rafraîchir la page. Lorsque vous enregistrez vos modifications et que les critères du filtre sont remplis, la page s’actualise automatiquement et affiche le composant de texte enrichi et son message.

    Voilà le composant !

    Consultons maintenant la page dans l’application mobile Salesforce.

  6. Ouvrez l’application sur votre téléphone.
  7. Si nécessaire, connectez-vous à l'aide vos identifiants Trailhead Playground.
  8. Ouvrez le menu, appuyez sur le Lanceur d’application, puis ouvrez l’application Vente.
  9. Appuyez sur Opportunités, puis accédez à l’opportunité que vous avez marquée comme Fermée-Gagnée.
    Comme vous vous y attendiez, vous voyez en premier les actions, les présentations des enregistrements et les parcours. Faites défiler un peu l’écran vers le bas...Page Opportunité dans l’application mobile Salesforce

    Les onglets de notre composant Onglets s’empilent lorsqu’ils sont consultés sur un téléphone. Vous pouvez appuyer dessus pour les consulter. Mais, attendez une petite minute ! Il en manque un. Où se trouve l’onglet Activité ? Le composant Activités n’étant pas pris en charge sur un téléphone, il a été supprimé de la page. L’onglet Activité a donc, lui aussi, été supprimé de la page, puisqu’il était vide.

    Le composant qui est apparu lorsque vous avez marqué l’opportunité comme dépassant un million de dollars se trouve en bas de la page. Juste en dessous, cependant, se trouve un élément qui n’était pas présent sur la page de la version de bureau : le composant pour mobile.

Vous l’avez fait ! Vous avez fait vos premiers pas dans un vaste domaine.

Examinons maintenant les pages d’application.