Création de boutons et de liens personnalisés
Objectifs de formation
Une fois cette unité terminée, vous pourrez :
- Création de boutons et de liens personnalisés
- Les ajouter à une présentation de page
- Expliquer la différence entre un bouton personnalisé et un lien personnalisé
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 du lecteur d’écran de cet appareil, cliquez sur le lien ci-dessous :
Boutons et liens personnalisés
Chaque organisation à des besoins métiers uniques. Si les utilisateurs accèdent fréquemment à d'autres pages dans ou hors de votre organisation, vous pouvez ajouter des boutons et des liens personnalisés directement aux pages de détail d'objets et d'enregistrements.
Les boutons et les liens personnalisés permettent d'intégrer des données Salesforce avec des URL externes, des applications, l'intranet de votre entreprise ou d'autres systèmes de traitement back-end.
Lorsque les utilisateurs disposent de toutes les informations dont ils ont besoin, ils peuvent augmenter leur productivité avec Salesforce.
Quelles actions les boutons et les liens personnalisés peuvent-ils exécuter ?
Les liens personnalisés peuvent pointer vers une URL externe telle que www.google.com, une page Visualforce ou l’intranet de votre société. Les boutons personnalisés peuvent connecter les utilisateurs à des applications externes, telles que des pages Web, et lancer des liens personnalisés.
Vous pouvez choisir les propriétés de la fenêtre d'affichage qui déterminent la présentation de la cible d'un lien ou d'un bouton pour les utilisateurs. Les liens personnalisés peuvent inclure des champs Salesforce en tant que jetons dans l'URL. Vous pouvez par exemple inclure un nom de compte dans une URL qui permet d’effectuer une recherche dans Yahoo : https://search.yahoo.com/bin/search?p={!Account_Name}.
Si vous souhaitez que le bouton ou le lien lance une page personnalisée ou un autre code, envisagez d'utiliser une page Visualforce. Si vous ne savez pas encore comment utiliser les pages Visualforce, ne vous inquiétez pas. Nous n'allons pas les présenter ici, mais vous pouvez les découvrir dans un autre module.
Dans Lightning Experience, les boutons et les liens personnalisés se trouvent dans vos présentations de page et sont affichés dans différentes zones d'une page Lightning.
Vous pouvez créer trois grands types de bouton et de lien personnalisé.
- Bouton de liste : affiché dans une liste associée, dans la page d'enregistrement d'un objet.
- Lien de page de détail : affiché dans la section Liens, dans les détails d'enregistrement d'une page d'enregistrement d'objet.
- Bouton de page de détail : affiché dans le menu d'actions, dans le panneau de présentation d'une page d'enregistrement.
Nous allons explorer ces trois options.
Création d'un bouton de liste personnalisé
Vous avez découvert leur fonction, nous allons maintenant examiner comment les créer. Pour chaque type, vous devez définir l’action exécutée lorsque l’utilisateur clique dessus. Commençons par le bouton de liste personnalisé.
Vous pouvez ajouter un bouton de liste personnalisé à une liste associée. Lorsque vous créez un bouton de liste pour un objet, vous pouvez l'ajouter à la liste associée de cet objet lorsque la liste associée s'affiche dans d'autres objets. Les audits énergétiques sont associés aux comptes avec un champ de relation de référence. Par conséquent, une liste associée Audits énergétiques s’affiche automatiquement dans les enregistrements de compte.
Par exemple, plus haut dans ce module, vous avez saisi les informations d'audit de « GenePoint 5-year ». Lorsque vous visualisez l’enregistrement de compte GenePoint, puis que vous cliquez sur l’onglet Related (Associé) et que vous accédez en bas de la page d’enregistrement, une liste associée Audits énergétiques répertoriant cet audit est affichée.
Maria souhaite ajouter un bouton personnalisé à cette liste associée Audits énergétiques afin de permettre aux utilisateurs d’accéder directement au fichier PDF des conseils d’audit énergétique d’Ursa Major Solar. Elle a déjà chargé le PDF en tant que fichier, mais elle a besoin de son URL pour pointer le bouton personnalisé vers ce fichier. Voici comment procéder.
- Dans le lanceur d’application, cherchez et sélectionnez l’application Sales (Ventes).
- Cliquez sur l’onglet Files (Fichiers).
Ici, Maria peut voir le fichier PDF de conseils qu'elle a chargé.
- Téléchargez votre propre fichier pour pouvoir suivre le reste de ces étapes.
- Cliquez sur
pour le fichier que vous venez de télécharger et sélectionnez Share (Partager).
- Cliquez sur l'icône en regard de Who Can Access (Qui peut accéder) pour agrandir cette section.
- Dans la zone Create Public Link (Créer un lien public), définissez le bouton de basculement Password (Mot de passe) sur Off (Désactivé).
- Cliquez sur Create Link (Créer un lien), puis sur Create (Créer).
Une URL publique est générée pour le fichier que vous pouvez partager avec d’autres utilisateurs ou, dans le cas présent, ajouter en tant qu’URL à un bouton ou à un lien personnalisé. Dans cet exemple, l’URL de Maria esthttps://ursamajorsolar.salesforce.com/sfc/p/R00000008nD1/a/R000000007LK/8Z8auAJBSeSCzqQ8Kv9ofolIWi_jP13oR3LUUYuXc3A.
- Cliquez sur Copy Link (Copier le lien), puis sur Done (Terminé).
- Dans Setup (Configuration), cliquez sur Object Manager (Gestionnaire d’objet), puis sur Energy Audit (Audit énergétique).
- Cliquez sur Buttons, Links, and Actions (Boutons, liens et actions), puis sur New Button or Link (Nouveau bouton ou lien).
- Nommez le bouton
Audit Guidelines(Conseils d’audit).
- Sélectionnez List Button (Bouton de liste).
- Collez l’URL du fichier dans la grande zone de texte.
Étant donné que le fichier est hébergé de manière locale dans votre organisation, utilisez tout ce qui suit la partie domaine de l’URL pour créer le lien personnalisé. En utilisant cet exemple, le lien de Maria pointe vers/sfc/p/R00000008nD1/a/R000000007LK/8Z8auAJBSeSCzqQ8Kv9ofolIWi_jP13oR3LUUYuXc3A.
Vous vous demandez peut-être : « Très bien, mais à quoi sert cette formule ? Comment l’utiliser ? » Elle correspond à une version de l’éditeur de formule de Salesforce. Vous pouvez l’utiliser pour définir les propriétés du bouton ou du lien. Par exemple, si la source de votre contenu est une URL comme dans le cas présent, vous saisissez dans cette section l’URL vers laquelle vous souhaitez pointer le bouton ou le lien. Vous pouvez également ajouter des champs de fusion et des opérateurs afin d’optimiser le comportement du bouton ou du lien en insérant des données depuis Salesforce. Pour plus d'informations sur les champs de fusion et les opérateurs, reportez-vous à l'aide Salesforce.
- Cliquez sur Save (Enregistrer), puis sur OK.
Le bouton n’apparaîtra pas dans la liste associée Energy Audits (Audits énergétiques) d’un objet tant que Maria ne l’aura pas ajouté. Il s'agit de l'étape suivante.
- Cliquez sur Object Manager (Gestionnaire d'objet), puis sur Account (Compte).
- Cliquez sur Page Layouts (Présentations de page), puis sur Account Layout (Présentation de compte).
- Accédez à la liste associée Energy Audits (Audits énergétiques) tout en bas de la présentation.
- Cliquez sur l'icône de clé à molette pour la modifier.
- Cliquez sur l'icône Plus pour agrandir l'en-tête de la section Boutons.
- Ajoutez le bouton Audit Guidelines (Conseils d'audit) à la liste Selected Buttons (Boutons sélectionnés), puis cliquez sur OK.
- Cliquez sur Save (Enregistrer).
- Revenez dans l'application Sales (Ventes), cliquez sur Accounts (Comptes), puis sélectionnez le compte GenePoint.
- Cliquez sur l’onglet Associé et faites défiler l’écran vers le bas. Le nouveau bouton Conseils d’audit est affiché dans la liste associée Audits énergétiques.
Création d'un lien de page de détail personnalisé
Maria, notre administratrice Ursa Major Solar, souhaite ajouter un lien personnalisé qui permet aux utilisateurs d’effectuer une recherche Google rapide sur les comptes qu’ils consultent.
Commençons.
- Dans Setup (Configuration), cliquez sur Object Manager (Gestionnaire d'objet), puis sur Account (Compte).
- Cliquez sur Buttons, Links, and Actions (Boutons, liens et actions), puis sur New Button or Link (Nouveau bouton ou lien).
- Nommez le lien
Google This Account(Faire une recherche Google sur ce compte).
- Assurez-vous que Detail Page Link (Lien vers la page de détail) est sélectionné pour le type d'affichage et laissez les deux champs suivants inchangés.
Nous allons maintenant ajouter l'URL vers laquelle ce lien doit pointer.
- Dans l’éditeur de formule, saisissez
https://www.google.com/search?q={!Account.Name}.
- Cliquez sur Save (Enregistrer), puis sur OK.
Vous pouvez utiliser la fonctionnalité Quick Save (Enregistrement rapide) pour enregistrer et poursuivre la modification. L'enregistrement valide l'URL que vous avez définie si vous avez configuré la source du contenu sur URL. Pour pouvoir utiliser vos boutons et liens personnalisés, vous devez les ajouter à la présentation de page d’un objet. Vous pouvez ainsi visualiser et utiliser le bouton ou le lien dans une page de détail d'enregistrement. Ajoutons-le maintenant.
- Cliquez sur Page Layouts (Présentations de page), puis sur Account Layout (Présentation de compte).
- Dans la catégorie Custom Links (Liens personnalisés) de la palette, faites glisser Google This Account (Faire une recherche Google sur ce compte) vers la section Custom Links (Liens personnalisés) de la présentation.
- Survolez la section Custom Links (Liens personnalisés) et cliquez sur l’icône de clé à molette qui apparaît.
- Dans la fenêtre Section Properties (Propriétés de la section), sélectionnez Detail Page (Page de détails), puis cliquez sur OK.
- Enregistrez la présentation de page.
Examinons maintenant les résultats.
- Dans le lanceur d’application, cherchez et sélectionnez Comptes.
- Ouvrez un enregistrement de compte.
- Cliquez sur l’onglet Details (Détails) et faites défiler l’écran vers le bas pour trouver le lien personnalisé.
Création d'un bouton de page de détail personnalisé
Maria souhaite ajouter un bouton personnalisé aux pages de compte afin d'afficher la localisation des comptes sur Google Maps.
- Dans Setup (Configuration), cliquez sur Object Manager (Gestionnaire d'objet), puis sur Account (Compte).
- Cliquez sur Buttons, Links, and Actions (Boutons, liens et actions), puis sur New Button or Link (Nouveau bouton ou lien).
- Nommez le bouton
Map Location(Localisation sur la carte).
- Sélectionnez Detail Page Button (Bouton Page de détails).
- Collez cette URL dans l’éditeur de formule :
http://maps.google.com/maps?q={!Account_BillingStreet}%20{!Account_BillingCity}%20{!Account_BillingState}%20{!Account_BillingPostalCode}
Cette URL utilise les champs de fusion ({!Account_BillingStreet}) et transmet les informations de champ de l'enregistrement de compte à partir duquel le bouton est cliqué.
- Cliquez sur Save (Enregistrer), puis sur OK.
Ajoutez-le maintenant à la présentation de page du compte.
- Cliquez sur Page Layouts (Présentations de page), puis sur Account Layout (Présentation de compte).
- Depuis la catégorie Boutons de la palette, faites glisser Localisation sur la carte vers la zone Boutons personnalisés de la présentation de page.
- Cliquez sur Save (Enregistrer). Très bien ! Passons maintenant au test.
- Dans le lanceur d’application, cherchez et sélectionnez Sales (Ventes), puis cliquez sur l’onglet Accounts (Comptes).
- Ouvrez un enregistrement de compte.
Le panneau de présentation affiche les champs de la présentation compacte de l’objet ainsi qu’un menu d’actions. Le menu d'actions est composé de boutons standard, de boutons personnalisés et d'actions de la présentation de page (nous examinerons les actions dans l'unité suivante).
- Développez le menu d’actions, puis sélectionnez Map Location (Localisation sur la carte).
Le navigateur ouvre une nouvelle fenêtre ou un nouvel onglet pour afficher l’adresse du compte dans Google Maps.
Vous remarquez que Map Location (Localisation sur la carte) n’apparaît pas dans le menu d’actions, alors même que vous avez ajouté le bouton personnalisé à la présentation de la page. Cela se produit parfois si vous remplacez les paramètres par défaut de la section « Salesforce Mobile and Lightning Experience Actions » (Actions Salesforce Mobile et Lightning Experience) d’une présentation de page. Pour corriger ce problème, ajoutez les boutons manquants à la présentation de la page sous forme d’actions, en les faisant glisser depuis la catégorie « Mobile & Lightning Actions » (Actions Mobile et Lightning) vers la palette de la section « Salesforce Mobile and Lightning Experience Actions » (Actions Salesforce Mobile et Lightning Experience).
Les boutons et les liens de page de détail personnalisés peuvent afficher les mêmes informations. Choisissez l'emplacement dans lequel vous souhaitez afficher les informations dans votre page, ce qui vous aidera à sélectionner le type de bouton ou de lien.
Ressources
- Aide Salesforce : Définition de boutons et de liens personnalisés
- Aide Salesforce : Exemples de boutons et de liens personnalisés
- Aide Salesforce : Création de boutons et de liens URL personnalisés efficaces
- Aide Salesforce : Considérations relatives aux boutons personnalisés