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
  

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.

Accessibilité

Cette unité nécessite des instructions supplémentaires pour les utilisateurs de lecteurs d’écran. Pour accéder à une version détaillée de cette unité adaptée aux lecteurs d’écran, cliquez sur le lien ci-dessous :

Ouvrir les instructions du lecteur d’écran Trailhead.

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.

Création d’une page d’application

Ensuite, vous élaborez une page d’accueil d’application 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.

C’est parti !

1. Dans Setup (Configuration), saisissez App Builder (Générateur d’application) dans la zone Quick Find (Recherche rapide), puis sélectionnez App Builder (Générateur d’application Lightning).
   
2. Cliquez sur New (Nouveau).
   
3. Sélectionnez App Page (Page d’application), puis cliquez sur Next (Suivant).
   
4. Nommez votre page Lightning Top Accounts and Opportunities (Principaux comptes et opportunités).
   
5. Sélectionnez le modèle Two Regions (Deux zones) et cliquez sur Done (Terminé).
   Si la procédure pas-à-pas du générateur d’application Lightning s’affiche, fermez-la.
   
6. Faites glisser le composant List View (Vue de liste) vers la première zone.
   
7. Dans le volet des propriétés, sélectionnez l’objet Account (Compte), puis le filtre Platinum and Gold SLA Customers (Clients Platinum et Gold SLA) et définissez le nombre d’enregistrements à afficher sur 5.
   
8. Ajoutez un composant Recent Items (Éléments récents) dans la deuxième région.
   
9. Dans le volet des propriétés du composant Recent Items (Éléments récents), remplacez l’étiquette personnalisée par Recent Opportunities (Opportunités récentes).
   
10. Cliquez sur Select (Sélectionner) et configurez la liste d’éléments sélectionnés de sorte qu’elle contienne uniquement Opportunity (Opportunité).
    
11. Toujours dans le volet Properties (Propriétés), cliquez sur Page (Page), puis sur Select (Sélectionner) et ajoutez ces actions à la page.
    

• Log a Call (Consignation d’un appel)
  
• New Account (Nouveau compte)
  
• New Opportunity (Nouvelle opportunité)
  Seules des actions globales peuvent être ajoutées à une page d’application Lightning.
  

12. Dans la barre d’outils, remplacez la vue par Tablet-Landscape (Tablette - Paysage).
    
13. Cliquez sur Save (Enregistrer), puis sur Not Yet (Pas maintenant).
    

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

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

Comme pour toute 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. Gardez la visibilité de l’onglet ouverte à tous les utilisateurs.
   Le paramètre Activate for the System Administrators (Activer uniquement pour les administrateurs système) est utile lorsque 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 Sales (Vente), puis cliquez sur Add page to app (Ajouter la page à l’application). 
   

La page que vous ajoutez au menu s’affiche par défaut en deuxième position, où vous pouvez la laisser. 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 Mobile Navigation (Navigation mobile).
   
8. Sélectionnez Mobile Navigation Menu (Menu de navigation mobile), puis cliquez sur Add page to app (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 Sales (Ventes) dans Lightning Experience (comme vous l’avez fait précédemment) fait également apparaître la page d’application dans l’application Sales (Ventes) 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’élément de menu Smart Search Items (Éléments de la recherche intelligente). Si vous laissez la page Top Accounts and Opportunities (Principaux comptes et opportunités) à cet emplacement, elle s’affiche dans la section Apps (Applications) du menu. Cela ne vous convient pas, déplacez-la.

9. Faites glisser la page sous l'élément de menu Aujourd’hui. 
   

10. Cliquez sur Save (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. Examinez-la maintenant en action !

1. Si vous êtes encore dans le générateur d’application, cliquez sur Back (Revenir) pour revenir à la configuration.
   
2. Dans le lanceur d’application (), cherchez et sélectionnez Sales (Ventes).
   
3. Cliquez sur Top Accounts and Opportunities (Principaux comptes et opportunités) dans la barre de navigation de l’application.
   Voici 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. 
   

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

Regardez 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 et ouvrez l’application Sales (Ventes).
   Vous devrez peut-être tirer le haut de l’écran vers le bas pour actualiser le menu de l’application Sales (Ventes) et afficher les modifications.
   
4. Appuyez sur Top Accounts and Opportunities (Principaux comptes et opportunités).
   Voici 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. 
   

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.
   

Ressources

• Aide Salesforce : Création d’une page d’application personnalisée : vue d’ensemble
  
• Aide Salesforce : Activation de la page de votre application Lightning
  
• Aide Salesforce : Composants de page Lightning standard