Suivez votre progression
Accueil Trailhead
Accueil Trailhead

Génération d'une page d'accueil d'application Lightning

Objectifs de formation

Une fois cette unité terminée, vous pourrez :
  • Ajouter des composants à une page Lightning
  • Configurer les propriétés d'une page Lightning et d'un composant Lightning
  • Ajouter des actions à une page Lightning
  • Ajouter une page Lightning à Lightning Experience et à l’application mobile

La page d'accueil d'application Lightning

Ajoutez une page d’accueil personnalisée dans l’application mobile Salesforce et dans les barres de navigation de l’application Lightning Experience pour faciliter l’accès des utilisateurs aux objets et aux éléments les plus importants de cette application.
Votre page d'accueil d'application

Création d’une page d’application

Élaborons une page d’accueil d’applications pour une équipe commerciale.

Vos équipes de vente ont besoin de voir les affaires principales dans l'encours par le biais d'une interface visuelle leur permettant de s'imprégner facilement et en un coup d'œil des détails essentiels. Elles souhaitent examiner les opportunités récemment affichées et explorer les détails des enregistrements en une touche ou un clic. Et elles souhaitent également des fonctionnalités pour consigner des appels, créer des comptes et des opportunités dans la foulée.

Allons-y !

  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’application, puis cliquez sur Suivant.
  4. Nommez votre page LightningPrincipaux comptes et opportunités.
  5. Sélectionnez le modèle Deux régions, puis cliquez sur Terminer.
    Si la procédure guidée Générateur d’applications Lightning s’affiche, ignorez-la.
  6. Faites glisser le composant Vue de liste vers la première zone.
  7. Dans le volet des propriétés, sous Filtre, sélectionnez l’objet Compte, puis le filtre Clients Platinum et Gold SLA et définissez le nombre d’enregistrements à afficher sur 5.
  8. Ajoutez un composant Éléments récents dans la deuxième région.
  9. Dans le volet des propriétés du composant Éléments récents, cliquez sur Sélectionner, puis ajoutez l'objet Opportunité.
  10. Toujours dans le volet Propriétés, cliquez sur Page, puis sur Sélectionner et ajoutez ces actions à la page.
    • Consignation d’un appel
    • Nouveau compte
    • Nouvelle opportunité :
      seules des actions globales peuvent être ajoutées à une page d’application Lightning.
  11. Dans la barre d’outils, remplacez la vue par Tablette - Paysage.
  12. Cliquez sur Enregistrer, puis sur Pas maintenant.

Page d'accueil d'application Lightning

Vous avez créé votre page, vous allez bientôt pouvoir l’ajouter à Lightning Experience et l'application mobile.

Ajouter votre page d’application à Lightning Experience et à l’application mobile Salesforce

Comme pour tout autre page, les utilisateurs ne peuvent pas accéder à votre page d’application tant que vous ne l’avez pas activée. Lors de l’activation, vous pouvez personnaliser l’étiquette de l’onglet personnalisé de la page, adapter sa visibilité et définir sa position dans l’application mobile Salesforce et dans les barres de navigation de l’application Lightning Experience, le tout au même endroit.

  1. Cliquez sur Activation.
  2. Ne changez pas le nom de l’application. Par défaut, l'étiquette que vous choisissez pour la page Lightning est utilisée en tant qu'étiquette de son onglet personnalisé.
  3. Changez l'icône pour utiliser l'icône d'éclair bleu. L’icône que vous sélectionnez ici est utilisée comme icône de page dans l’application mobile et dans Lightning Experience.
  4. Laissez la visibilité de l'onglet ouverte à tous les utilisateurs.
    Le paramètre Activer uniquement pour les administrateurs système est utile si vous travaillez sur votre page Lightning. Limiter l'accès de votre page uniquement aux administrateurs signifie que vous pouvez la voir et la tester, mais que vos utilisateurs ne peuvent pas y avoir accès tant que vous n'êtes pas prêt à leur montrer.
  5. Cliquez sur l’onglet Lightning Experience.
  6. Sélectionnez l’application Vente, puis cliquez sur Ajouter la page à l’application. Activer la page d’application pour Lightning Experience La page que vous ajoutez au menu s’affiche par défaut en deuxième position. Laissez-la ainsi. Si vous la placez en première position, elle devient la page de destination pour tous les utilisateurs de Lightning Experience.
  7. Cliquez sur l’onglet Navigation mobile.
  8. Sélectionnez Menu de navigation mobile, puis cliquez sur Ajouter la page à l’application.
    Cela vous permet d’ajouter la page d’application à la navigation mobile dans l’application Lightning pour mobile de l’application mobile Salesforce. Le fait d’ajouter cette page à l’application Vente dans Lightning Experience (comme nous l’avons fait précédemment) fait également apparaître la page d’application dans l’application Vente de l’application mobile Salesforce.

    Par défaut, les nouvelles pages que vous ajoutez à la navigation dans l’application pour mobile sont affichées sous Éléments de la recherche intelligente. Si vous laissez la page Principaux comptes et opportunités à cet emplacement, elle s’affiche dans la section Applications du menu. Cela ne nous convient pas, déplaçons-la.

  9. Faites glisser la page sous l’élément de menu Aujourd’hui. Activation de votre page Lightning
  10. Cliquez sur Enregistrer.
Votre page d’accueil d’application est désormais prête pour les utilisateurs mobiles et de Lightning Experience !

Test de votre page d’application dans Lightning Experience

Vous venez de créer votre page et de l'activer. Voyons comment elle fonctionne !

  1. Si vous êtes encore dans le Générateur d’applications, cliquez sur Revenir pour revenir à la configuration.
  2. Dans le lanceur d’application (Icône Lanceur d’application), cherchez et sélectionnez Ventes.
  3. Cliquez sur Principaux comptes et opportunités dans la barre de navigation de l’application.
    Vous avez trouvé votre page Lightning ! L’icône d’éclair est également affichée ici, et les trois actions ajoutées sont présentes dans le panneau de présentation. Votre page d’application dans Lightning Experience

Test de votre page d’application dans l’application mobile Salesforce

Regardons si cette page s’affiche bien sur votre téléphone.

  1. Ouvrez l’application mobile Salesforce.
  2. Connectez-vous à l'aide vos identifiants Trailhead Playground. (Si vous ne connaissez pas vos identifiants Trailhead Playground, consultez cet article.
  3. Dans le menu, appuyez sur le Lanceur d’application, puis ouvrez l’application Vente.
    Vous devrez peut-être tirer le haut de l’écran vers le bas pour actualiser le menu de l’application Vente et afficher les modifications.
  4. Appuyez sur Principaux comptes et opportunités.
    Vous avez trouvé votre page Lightning ! Elle est là, avec l’icône d’éclair bleu que vous avez choisie et les trois actions ajoutées sont présentes dans la barre d’actions. Page d'accueil d'application sur un téléphone
  5. Essayez votre page. Faites-la défiler de haut en bas pour identifier les différents composants et touchez l'icône d'une action pour voir ce qui se passe.