/ Blogs / Perficient

Introduction

Les FlexCards dans Salesforce OmniStudio sont des composants puissants conçus pour afficher des données provenant de plusieurs sources d’une manière visuellement attrayante et personnalisable. Ils offrent un moyen de consolider les informations et de les présenter dans une vue unique et unifiée, permettant ainsi aux utilisateurs d’interagir et de comprendre plus facilement des données complexes.

Créez des composants et des applications d’interface utilisateur spécifiques à votre secteur sur la plateforme Salesforce avec OmniStudio FlexCards. Affichez les informations sur les objets Salesforce ainsi que les actions cliquables qui changent en fonction du contexte dans lequel ils apparaissent et en fonction des informations qu’ils contiennent.

Que sont les FlexCards ?

Les FlexCards sont un élément clé de la suite d’outils d’OmniStudio. Ils vous permettent de créer des composants dynamiques, réutilisables et configurables pouvant afficher des données provenant de diverses sources. Les FlexCards sont construites avec le framework de composants Web Lightning (LWC). Les FlexCards peuvent être utilisées dans les OmniScripts, les procédures d’intégration et d’autres parties de Salesforce pour présenter les informations de manière claire et organisée.

Aperçu de la carte flexible

Principales caractéristiques des FlexCards

1. Intégration de données: Les FlexCards peuvent extraire des données de plusieurs sources, notamment des objets Salesforce, des API externes et des classes Apex.
2. Vues dynamiques : Les FlexCards offrent un formatage dynamique et conditionnel, permettant à l’affichage de changer en fonction des données.
3. Réutilisabilité : Une fois créées, les FlexCards peuvent être réutilisées dans différentes applications et cas d’utilisation, garantissant ainsi la cohérence et réduisant le temps de développement.
4. Dispositions configurables : Les FlexCards prennent en charge diverses configurations de mise en page, notamment des listes, des tableaux et des modèles personnalisés.
5. Interactivité : Les FlexCards peuvent inclure des éléments interactifs tels que des boutons, des liens et des actions, offrant ainsi une expérience utilisateur riche.

Construire des éléments dans Flexcard Designer

1. Action

À l’aide de la fonctionnalité Action, vous pouvez générer diverses actions telles que le lancement d’un OmniScript, la direction vers une page Web ou une application, la présentation d’un menu déroulant, le déclenchement d’un événement, etc. Il définit un texte ou un bouton qui effectue une tâche spécifique après avoir cliqué. Ex-cliqué sur le bouton d’action Obtenir des prévisions à 5 jours, cela ouvre une fenêtre contextuelle modale.

2. Bloquer

Block permet le regroupement d’éléments dans un conteneur pliable. Il comprend les propriétés suivantes :
Réduire par défaut : Lorsqu’il est sélectionné, le bloc sera initialement masqué et nécessitera une interaction de l’utilisateur pour se développer.
Pliant: Cette option permet aux utilisateurs de développer ou de réduire le bloc, révélant ou masquant son contenu.
Conditions: Définissez des critères spécifiques qui doivent être remplis pour que le bloc soit visible.
Étiquette: Il s’agit du texte affiché pour le bloc réductible, aidant les utilisateurs à comprendre son contenu.

3. Graphique

Il présente les données sous la forme d’un graphique visuel comme les tableaux de bord Salesforce.

4. Datatable

Présentez les informations extraites d’une source de données sous forme de tableau sur une FlexCard. Ex- prévisions à 5 jours sous forme de tableau.

5. Champ

Il présente les champs de données récupérés d’une source de données sur une FlexCard. Comme le montre l’image ci-dessus sous les fonctionnalités standard.

6. Icône

Il affiche une icône SVG personnalisée ou Salesforce qui peut être associée à une action spécifique. Ex-icône bleue dans la fenêtre contextuelle modale.

7. Carte flexible

Dans un État de la FlexCard parentvous pouvez intégrer un Carte Flex pour enfant. La Child FlexCard peut avoir sa propre source de données ou elle peut également utiliser la source de données de la Parent FlexCard. Ceci est utile lorsque l’enfant a besoin d’accéder aux mêmes données que le parent.

8. Image

Il intègre une image personnalisée de divers Les sources de donnéesy compris:

• Télécharger une image
• Utiliser des images de la bibliothèque de votre organisation
• Liens vers des sources d’images externes

Comme le montre la deuxième image du soleil et des nuages.

Créer une FlexCard

Pour créer une FlexCard, suivez ces étapes :

1. Accédez à l’application OmniStudio : Accédez au lanceur d’applications Salesforce et ouvrez l’application OmniStudio.
2. Ouvrez le concepteur de cartes FlexCard : Sélectionnez « FlexCards » dans l’application OmniStudio et cliquez sur « Nouvelle FlexCard ».
3. Définissez les propriétés de la carte : Fournissez les détails nécessaires tels que le nom, la description et l’objet (par exemple, devis, compte).
4. Ajouter des sources de données : Configurez les sources de données pour votre FlexCard. Cela peut être effectué à l’aide d’adaptateurs de données, de procédures d’intégration ou de classes Apex.
5. Concevoir la mise en page : Utilisez FlexCards Designer pour organiser vos champs de données et vos composants. Vous pouvez faire glisser et déposer des éléments, définir des styles et définir une visibilité conditionnelle.
6. Ajouter des actions : Configurez des actions telles que des boutons ou des liens pour permettre aux utilisateurs d’interagir avec les données affichées sur la FlexCard.
7. Aperçu et activation : Une fois que vous êtes satisfait du design, prévisualisez la FlexCard pour vous assurer qu’elle ressemble et se comporte comme prévu. Activez la FlexCard pour la rendre disponible pour une utilisation dans la page d’enregistrement, la page de communauté, etc.

8. Options de publication : Après avoir activé votre FlexCard, qui génère un composant Web Lightning à ajouter à une page de site Lightning ou Experience Cloud, vous pouvez configurer les options de publication.

Meilleures pratiques pour les FlexCards

1. Rester simple: Évitez de surcharger la FlexCard avec trop d’informations. Concentrez-vous sur l’affichage des données les plus pertinentes.
2. Utiliser des vues conditionnelles : Tirez parti du formatage conditionnel pour rendre la FlexCard dynamique et réactive au contexte des données.
3. Optimiser les performances : Assurez-vous que les sources de données sont optimisées pour les performances afin d’éviter des temps de chargement lents.
4. Testez minutieusement : Testez la FlexCard dans différents scénarios pour vous assurer qu’elle se comporte comme prévu et offre une bonne expérience utilisateur.
5. Tirer parti de la réutilisabilité : Créez des modèles et des composants réutilisables pour gagner du temps de développement et garantir la cohérence dans votre application.

Conclusion

Les FlexCards dans Salesforce OmniStudio offrent un moyen flexible et puissant d’afficher des données provenant de plusieurs sources dans une vue unique et unifiée. En comprenant leurs fonctionnalités clés, en apprenant à les créer et à les configurer et en suivant les meilleures pratiques, vous pouvez tirer parti des FlexCards pour améliorer vos applications Salesforce et offrir une expérience utilisateur riche et interactive. Maintenant que vous avez une idée des bases de FlexCard, examinons les sujets FlexCard Advanced dans le prochain article.

Bonne lecture!

Articles Similaires:

1. Boostez les parcours clients avec Salesforce Omnistudio