AX - Kanban
Aperçu
AX - Kanban est un composant Experience Cloud qui affiche les enregistrements Salesforce sous forme de cartes déplaçables organisées en colonnes de workflow sur les pages des sites Experience.
Utilisez-le pour permettre aux utilisateurs du portail de visualiser et de gérer des workflows — comme les statuts des cas de support, les phases de projet ou les étapes d’approbation. Les utilisateurs font glisser les cartes entre les colonnes pour mettre à jour les valeurs des enregistrements, tandis que vous contrôlez les champs affichés sur les cartes et les valeurs de liste de sélection qui définissent les colonnes. Configurez tout dans Experience Builder sans code.
Idéal pour les portails de support client affichant l’avancement des cas, les portails partenaires gérant les étapes de transaction, les espaces de collaboration de projet, ou partout où les utilisateurs du portail ont besoin d’une gestion visuelle des workflows.
Prise en main
Utilisez ce tutoriel simple pour apprendre les bases du composant Kanban et commencer à construire vos cas d’usage.
Configuration
Source de données
Cette étape essentielle de la configuration de votre composant Avonni Kanban établit la connexion entre votre tableau Kanban et les données pertinentes de votre environnement Salesforce.
Voici comment cela fonctionne :
Sélection de l’objet : Commencez par choisir l’objet Salesforce spécifique (par exemple, Comptes, Opportunités, objets personnalisés, etc.) qui contient les données que vous souhaitez afficher dans votre tableau Kanban.
Filtrage optionnel : Si vous souhaitez afficher uniquement un sous-ensemble des données de l’objet sélectionné, utilisez la fonction de filtrage pour définir des conditions spécifiques. Par exemple, vous pouvez filtrer pour afficher uniquement les opportunités « Ouvertes » ou les comptes d’une certaine région.
Regroupement (facultatif) : Regroupez vos données pour organiser efficacement votre tableau Kanban. Par exemple, regrouper les opportunités par « Étape » peut créer des colonnes pour « Prospection », « Négociation », etc.
Tri : Sélectionnez un champ « Trier par » et une direction (croissante ou décroissante) pour déterminer l’ordre dans lequel les cartes Kanban doivent apparaître.
Champs supplémentaires : Si vous devez inclure dans votre Kanban des champs qui ne sont pas directement utilisés pour l’affichage ou les interactions, ajoutez-les dans la section « Champs supplémentaires ». C’est particulièrement utile pour les champs que vous souhaitez rendre recherchables dans la barre de recherche du Kanban.
Points clés
Choisir la bonne source de données garantit que votre Kanban affiche les informations les plus pertinentes pour vos utilisateurs.
Le filtrage et le regroupement simplifient le tableau, facilitant la visualisation et la gestion d’éléments de travail spécifiques.
Mappage des données
La section « Mappages de données » établit une connexion précise entre vos données Salesforce et les éléments visuels de votre tableau Kanban. Voici pourquoi c’est crucial :
Affichage précis : Les mappages de données garantissent que les informations extraites des champs Salesforce sont affichées correctement sur les cartes Kanban et dans les colonnes du tableau. Par exemple, vous pouvez associer le champ Salesforce « Nom de l’opportunité » au titre de chaque carte Kanban.
Fonctionnalité : Les mappages contrôlent également la manière dont les utilisateurs interagissent avec le tableau Kanban. Par exemple, associer un champ « Statut » aux colonnes Kanban permet aux utilisateurs de faire glisser et déposer des cartes pour mettre à jour directement le statut dans le tableau.
Comment cela fonctionne
Sélectionnez un champ Salesforce depuis votre source de données configurée.
Associez-le à un attribut Kanban tel que le titre de la carte, la description, le nom de la colonne, etc.
Répétez ce processus pour tous les champs essentiels que vous souhaitez inclure sur le tableau Kanban
Paramètres du tableau et des cartes
Masquer l’en-tête de colonne masque les en-têtes de colonne, Mettre en surbrillance au clic met en surbrillance la carte cliquée, et Lecture seule désactive le glisser-déposer et les modifications en ligne. L’en-tête prend en charge un Nom de l’icône de l’en-tête et Taille de l’icône, une légende, et En-tête joint pour être aligné parfaitement avec le tableau ci-dessous.
Attributs de regroupement par contrôlent la façon dont les enregistrements sont regroupés en colonnes — état réduit, masquage du groupe non défini, affichage des sous-groupes vides et libellé du groupe non défini. Direction de l’ordre des colonnes définit l’ordre des colonnes (par défaut, asc, desc, ou personnalisé), et Attributs de synthèse configure un résumé par colonne (comme une somme d’un champ).
Attributs d’avatar, Attributs d’image, et Attributs de disposition des champs stylisent l’avatar, l’image et la disposition des champs de chaque carte.
Interactions
Cette section vous permet de personnaliser la manière dont les utilisateurs interagissent avec vos cartes Kanban, rendant le tableau plus dynamique et réactif.
Lien vers
Définissez ce qui se passe lorsqu’un utilisateur clique sur un lien spécifique dans une carte Kanban.
Utilisations courantes : Naviguer vers une page de détail d’enregistrement, ouvrir un site Web externe ou déclencher un flux Salesforce.
Au clic
Déterminez les actions qui se produisent lorsqu’un utilisateur clique n’importe où sur une carte Kanban.
Utilisations courantes : Développez la carte pour obtenir plus de détails, ouvrez une fenêtre modale ou lancez un processus.
Affiche une brève notification contextuelle à l’écran, offrant un retour rapide ou des informations après avoir cliqué sur un marqueur de carte.
Redirige l’utilisateur vers une autre page de votre site ou une URL, en l’orientant vers des informations plus détaillées sur l’emplacement cliqué.
Ouvre une fenêtre modale avec un message d’alerte, présentant des informations importantes ou des avertissements concernant l’emplacement sélectionné.
Déclenche une boîte de dialogue de confirmation, utilisée pour les actions nécessitant une confirmation supplémentaire de l’utilisateur, comme la participation à un événement.
Ouvre une boîte de dialogue qui exécute un flux Salesforce, lançant des workflows ou processus liés à l’emplacement cliqué.
Style
Largeur : Contrôle la largeur horizontale globale du tableau Kanban.
Hauteur : Contrôle la hauteur verticale globale du tableau Kanban.
Débordement : Détermine comment le contenu est géré s’il dépasse les dimensions du tableau (les options peuvent inclure « visible », « hidden » ou « scroll »).
Taille : Épaisseur de la bordure autour de l’ensemble du tableau Kanban.
Style : Apparence de la bordure (par exemple, pleine, en tirets).
Couleur : Couleur de la bordure.
Rayon : Niveau d’arrondi des coins du tableau.
Couleur de fond : Définit la couleur de fond de la section d’en-tête du Kanban.
Rembourrage (haut, bas, gauche) : Contrôle l’espacement interne dans l’en-tête.
Marge inférieure : Crée un espace entre l’en-tête et les colonnes en dessous.
Couleur, taille, style, rayon de la bordure : Personnalisez l’apparence d’une bordure dans l’en-tête (probablement pour la séparer visuellement).
Bordure inférieure (est jointe) : Ces attributs contrôlent probablement si la bordure inférieure se fond visuellement avec les en-têtes de colonne.
Couleur, taille de police, graisse de police, style de police : Contrôlez l’apparence du titre de l’en-tête et de tout texte de légende.
Couleur de fond/au premier plan : Définissez les couleurs de l’élément avatar.
Utilitaire de couleur au premier plan : Permet probablement d’utiliser des classes utilitaires de couleur prédéfinies.
Rayon de bordure : Contrôle le degré d’arrondi de l’élément avatar.
Couleur de fond du chemin : Couleur de la zone d’arrière-plan où s’affiche le chemin d’avancement de la colonne.
Attributs de texte/rendu du résumé : Contrôlez l’apparence de tout texte de résumé dans l’en-tête de colonne.
Largeur min./max. : Définissez les largeurs minimale et maximale autorisées pour les colonnes, ce qui affecte leur redimensionnement.
Couleurs de fond : Couleurs pour les états normal, survol et focus.
Couleurs de bordure : Couleurs pour les états normal et focus.
Attributs de texte et de police du titre/de la description/des informations : Contrôlez l’apparence des différents éléments textuels dans une carte.
Limite de lignes : Limite le nombre de lignes affichées pour les titres/descriptions afin d’éviter tout dépassement.
Notes importantes
Spécificité : Les attributs de style exacts peuvent varier légèrement selon l’implémentation d’Avonni.
Hiérarchie visuelle : Utilisez ces attributs de manière stratégique pour créer une hiérarchie visuelle claire et guider le regard de l’utilisateur
Cas d'utilisation
Exemple 1 : Kanban des opportunités partenaires
Offrez à vos partenaires une vue claire et interactive de leur pipeline de ventes, directement dans votre portail Experience Cloud. Avec un tableau Kanban en glisser-déposer, les utilisateurs partenaires peuvent visualiser, gérer et faire progresser leurs opportunités sans jamais quitter le portail.
Ce que vous allez accomplir
Visibilité renforcée pour les partenaires : Offrez aux utilisateurs partenaires une vue d’ensemble visuelle et en temps réel de leur pipeline d’opportunités organisé par étape
Gestion intuitive du pipeline : Activez la fonctionnalité de glisser-déposer afin que les partenaires puissent mettre à jour les étapes des opportunités sans effort
Aperçu rapide des affaires : Affichez directement sur chaque carte des informations clés comme le nom du compte, le montant de la transaction et la date de clôture
Comment le configurer
Liens
AX - OngletsExemple 2 : Kanban des statuts de cas
Offrez à vos clients une visibilité sur leur parcours de support grâce à un tableau Kanban dédié dans votre portail d’assistance. En affichant les cas organisés par statut, les clients peuvent suivre l’avancement d’un simple coup d’œil, réduisant ainsi le besoin de relancer pour obtenir des mises à jour et créant une expérience de support plus fluide et plus transparente.
Ce que vous allez accomplir
Transparence côté client : Permettez aux clients de suivre le statut de chaque cas soumis dans une vue claire et organisée du tableau
Réduction des appels entrants sur le statut : Affichez l’avancement de manière proactive afin que les clients passent moins de temps à rechercher des mises à jour
Satisfaction du support améliorée : Offrez une expérience soignée et intuitive qui renforce la confiance dans votre équipe de support
Comment le configurer
Mis à jour
Ce contenu vous a-t-il été utile ?