AX - Calendrier
Aperçu
AX - Calendrier est un composant Experience Cloud qui affiche les enregistrements Salesforce sous forme d'événements dans une vue calendrier interactive sur les pages des sites Experience.
Utilisez-le pour montrer aux utilisateurs du portail leurs rendez-vous, tâches programmées, inscriptions à des événements, échéances de projet ou tout enregistrement basé sur une date. Les utilisateurs peuvent voir les événements par mois, semaine, jour ou format agenda, et cliquer sur les événements pour voir les détails ou accéder aux enregistrements.
Parfait pour la planification de rendez-vous clients, les calendriers d'événements, les vues de réservation de services, les échéanciers de projet ou partout où les utilisateurs du portail doivent voir leurs activités basées sur des dates dans un format calendrier visuel.
Se connecter aux données Salesforce
Cette étape essentielle dans la configuration de votre composant Avonni Calendar établit la connexion entre vos éléments de calendrier et les données pertinentes de votre environnement Salesforce.
La source de données détermine quelles informations votre calendrier affichera.
Vous avez deux options pour utiliser la source de données
Manuel
Saisir manuellement des événements et des ressources directement dans l'interface du calendrier.
Événements ponctuels, ou situations où vous n'avez pas besoin que le calendrier soit lié à vos données Salesforce.
Requête
Récupérer automatiquement les informations d'événements et de ressources à partir de vos données Salesforce. Vous pouvez créer une requête personnalisée pour afficher des données de n'importe quel objet Salesforce.
Lorsque vous voulez que votre calendrier affiche toujours les informations les plus à jour à partir de vos enregistrements Salesforce.
Manuel :
Ajoutez des événements et des ressources directement dans l'interface du calendrier.
Utile pour des événements ponctuels ou lorsque vous n'avez pas besoin de lier les données à Salesforce.
Requête :
Récupérez les informations directement depuis vos données Salesforce.
Créez une requête personnalisée pour afficher des données de n'importe quel objet Salesforce sur le calendrier.
C'est idéal lorsque votre calendrier doit refléter des informations à jour provenant de Salesforce.
Configuration de la source de données par requête
Pour garantir que votre Avonni Calendar affiche les informations les plus pertinentes, vous devrez configurer d'où proviennent ses données. Ce processus implique de sélectionner le bon objet Salesforce, et éventuellement d'appliquer des filtres, des regroupements et un tri pour affiner les résultats.
Décomposons les étapes :
Sélection de l'objet : Commencez par choisir l'objet Salesforce spécifique (par ex. Comptes, Opportunités, objets personnalisés, etc.) qui contient les données que vous souhaitez afficher sur votre tableau Kanban.
Filtrage optionnel : Si vous souhaitez n'afficher qu'un sous-ensemble de 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 n'afficher que les opportunités « Ouvertes » ou les comptes d'une certaine région.
Regroupement (optionnel) : 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 (ascendante ou descendante) pour déterminer l'ordre d'apparition des cartes Kanban.
Champs supplémentaires : Si vous avez besoin d'inclure des champs dans votre Kanban qui ne sont pas directement utilisés pour l'affichage ou les interactions, ajoutez-les dans la section « Champs supplémentaires ». Cela est particulièrement utile pour les champs que vous souhaitez rendre consultables via la barre de recherche du Kanban.
Mappages de données
Les mappages de données sont la clé pour s'assurer que les événements issus de vos enregistrements Salesforce sont affichés correctement sur votre Avonni Calendar. Pensez-y comme à la traduction des informations de Salesforce dans un langage que votre calendrier comprend.
Mappages essentiels
Voici une répartition des mappages les plus courants que vous devrez configurer :
Titre : Le champ Salesforce contenant le nom ou le titre de l'événement (par exemple, « Subject » sur l'objet standard Event).
Nom de la ressource : Le champ indiquant à quelle ressource l'événement est attribué (par exemple, un champ « Room » pour les réservations de salle ou un champ « Owner » pour les rendez-vous commerciaux). Si ceci est laissé vide, tous les événements apparaîtront ensemble.
De : Le champ Salesforce qui contient la date et l'heure de début de l'événement (par ex., « StartDateTime »).
À : Le champ Salesforce qui contient la date et l'heure de fin de l'événement (par ex., « EndDateTime »).
Exemple :
Si vous créez un calendrier de réservation de salles de réunion, vous pourriez mapper les champs suivants :
Titre : Sujet de la réunion
Nom de la ressource : Nom de la salle
De : Début prévu
À : Fin prévue
Paramètres
Affichage sélectionné
L'Avonni Calendar propose trois formats d'affichage distincts pour répondre à différentes préférences d'organisation et de planification. Chaque format offre une façon unique de visualiser et d'interagir avec vos événements et ressources.
Calendrier
Il s'agit de la vue traditionnelle en grille que la plupart des gens associent aux calendriers.
Agenda
Chaque entrée de la liste inclut des détails sur l'événement et est organisée par ordre chronologique.
Frise chronologique
Donne aux utilisateurs une représentation visuelle linéaire de leur emploi du temps sur une période sélectionnable.
Variante Timeline
L'Avonni Calendar propose deux façons d'afficher votre vue timeline :
Timeline horizontale :
Les événements sont disposés horizontalement à travers l'écran, la timeline allant de gauche à droite.
Idéal pour visualiser des plannings sur une période plus longue (par ex., semaines ou mois).
Timeline verticale :
Les événements sont empilés verticalement, la timeline allant de haut en bas.
Cette vue fonctionne bien pour voir des plannings détaillés sur une journée ou quelques jours.
Affichages masqués
L'option « Affichages masqués » empêche les utilisateurs de sélectionner certaines vues lorsqu'ils interagissent avec l'Avonni Calendar.
Zoom pour adapter
Le paramètre « Zoom pour adapter » ajuste automatiquement la vue du calendrier afin que tous les événements programmés tiennent à l'écran sans défilement. Voici comment cela fonctionne et quand c'est le plus utile :
Comment cela fonctionne
Le calendrier réduira ou étendra son échelle temporelle pour accueillir tous les événements dans la vue sélectionnée (jour, semaine, etc.).
Avantages
Aperçu rapide : Voir tous vos événements programmés d'un seul coup d'œil.
Pas de défilement : Évitez de faire défiler vers le haut et le bas pour trouver des événements.
Choses à garder à l'esprit
Avec de nombreux événements ou sur des écrans très petits, la vue compressée peut rendre les détails des événements individuels plus difficiles à lire.
Options de la barre d'outils
Titre de la barre d'outils : Définissez un titre personnalisé pour l'en-tête de votre calendrier. Cela aide les utilisateurs à comprendre l'objet du calendrier (par ex., « Planning de l'équipe commerciale », « Événements à venir », etc.).
Masquer la barre d'outils : Vous pouvez masquer la barre d'outils entière pour obtenir un aspect plus épuré ou maximiser l'espace d'affichage du calendrier.
Fonctionnalités d'Actions
Le composant Avonni Calendar va au-delà de l'affichage des événements ; il offre plusieurs façons pour vos utilisateurs d'interagir directement et de déclencher des actions supplémentaires.
Types d'actions
Actions Nouvel événement : Personnalisez ce qui se passe lorsque les utilisateurs glissent leur curseur sur le calendrier pour planifier un nouvel événement. Par exemple, vous pouvez ouvrir automatiquement un formulaire de création d'événement.
Actions d'en-tête : Ajoutez des boutons personnalisés à la barre d'outils du calendrier. Ces boutons peuvent être programmés pour déclencher n'importe laquelle des interactions disponibles listées ci-dessous.
Actions du menu contextuel : Ces boutons apparaissent lorsqu'un utilisateur clique avec le bouton droit sur un événement ou ouvre les détails de l'événement. Configurez ces boutons pour autoriser des actions comme modifier, supprimer ou déclencher des processus supplémentaires liés à l'événement.
Interactions disponibles
Le composant Avonni Calendar propose plusieurs interactions pouvant être déclenchées par les actions décrites ci-dessus :
Afficher un toast: Afficher un bref message de notification à l'utilisateur, confirmant une action ou fournissant un retour d'information.
Naviguer: Rediriger l'utilisateur vers une page différente au sein de votre Experience Cloud ou vers un site externe.
Ouvrir une alerte modale: Présenter une fenêtre popup avec des informations importantes ou une demande de confirmation.
Ouvrir une confirmation: Afficher une boîte de dialogue de confirmation demandant à l'utilisateur de vérifier une action (par ex., la suppression d'un événement).
Ouvrir un dialogue Flow: Lancer un Flow Salesforce, vous permettant d'automatiser des processus complexes ou de guider les utilisateurs à travers plusieurs étapes.
Rafraîchir la requête : Mettre à jour l'affichage du calendrier avec les dernières données de Salesforce.
Comment implémenter
Pour configurer ces actions et interactions, vous travaillerez dans les paramètres du composant Avonni Calendar dans Experience Cloud Builder. Chaque type d'action (Nouvel événement, En-tête, Menu contextuel) disposera d'une section où vous pourrez définir l'interaction à déclencher.
Avatar
La section Avatar vous permet d'ajouter une photo ou une image à l'en-tête de votre Avonni Calendar. Cela peut aider à personnaliser le calendrier et fournir un identifiant visuel.
Contrôle de la durée
Les paramètres de durée (Time Span) de l'Avonni Calendar offrent de la flexibilité pour visualiser les événements et gérer votre emploi du temps. Choisissez parmi ces options :
Vue Jour : Vous pouvez vous concentrer sur une seule journée ou la personnaliser pour voir plusieurs jours consécutifs (par ex., voir une semaine de travail de 4 jours).
Vue Semaine : Voir l'emploi du temps complet d'une semaine en un coup d'œil.
Vue Mois : Obtenez une vue d'ensemble plus large du mois, avec la possibilité d'afficher 2 à 4 semaines à la fois ou un nombre personnalisé de semaines.
Comment configurer les durées
Chaque durée (Jour, Semaine, Mois) a ses paramètres :
Libellé : Donnez à votre durée un nom descriptif (par ex., « Semaine de travail »).
Nom de l'icône : Sélectionnez une icône visuelle pour aider à identifier rapidement la durée.
Unité : Choisissez si cette durée représente des jours, des semaines ou des mois.
Étendue : Définissez le nombre d'unités à afficher (par ex., 5 jours, 2 semaines).
En-têtes de timeline (vue timeline uniquement)
Ajustez finement les en-têtes de votre vue Timeline pour afficher les informations les plus importantes pour vous, telles que les numéros de semaine, les dates ou les mois.
Temps disponible
La section Temps disponibles offre plusieurs options pour personnaliser les plages horaires qui apparaissent sur votre calendrier. Cette fonctionnalité est pratique pour se concentrer sur des périodes spécifiques d'intérêt. Voici les options disponibles :
Jours
Cette option vous permet de spécifier quels jours de la semaine doivent être visibles sur le calendrier. Si sélectionnée, le calendrier n'affichera que les jours choisis, masquant effectivement les autres.
Mois
Comme pour l'option Jours, vous pouvez choisir quels mois doivent être visibles sur votre calendrier.
Plage horaire
En utilisant la Plage horaire, vous pouvez contrôler précisément les heures visibles sur votre calendrier, vous concentrant ainsi sur les créneaux horaires les plus pertinents.
Affichage des événements
La section Affichage des événements propose une gamme d'options pour personnaliser l'esthétique visuelle de vos événements de calendrier.
Voici les options disponibles :
Thème : Cette option vous permet de choisir un thème visuel pour vos événements. Vous pouvez sélectionner parmi plusieurs thèmes prédéfinis, tels que par défaut, transparent, ligne, creux ou arrondi, chacun offrant un style visuel unique pour convenir à vos préférences personnelles ou à l'identité de votre marque.
Palette : Cette fonctionnalité vous permet d'assigner différentes couleurs d'une palette choisie à chaque ressource. Une palette de couleurs est un ensemble de couleurs qui assure une utilisation cohérente des couleurs entre les différentes ressources. Cela aide à différencier visuellement et à identifier rapidement les différents types de ressources sur votre calendrier.
Champs du popover : Lorsque l'utilisateur survole un événement, ces champs seront affichés dans une petite fenêtre contextuelle (ou un « popover »). Cela permet aux utilisateurs de voir les détails essentiels de l'événement sans cliquer dessus.
Filtre
Personnalisez la manière dont les utilisateurs affinent les événements affichés sur votre Avonni Calendar.
Masquer le filtre Ressources : Choisissez cette option pour supprimer le filtre qui permet aux utilisateurs de voir les événements en fonction de ressources spécifiques (par ex., personnes, salles, équipements).
Masquer le sélecteur de date : Sélectionnez ceci pour supprimer l'icône calendrier dans l'en-tête qui permet aux utilisateurs de naviguer vers une date spécifique.
Type (Horizontal, popover, panneau gauche, panneau droit, vertical) : Déterminez le style visuel et l'emplacement de la section de filtres :
Horizontal : Une barre en travers du haut du calendrier.
Popover : Un filtre compact qui s'ouvre lorsqu'on clique.
Panneau gauche/droit : Un panneau latéral pour les options de filtrage.
Vertical : Une liste verticale d'options de filtrage
Recherche
Afficher la recherche : Activez cette option pour ajouter une zone de recherche en haut de votre Avonni Calendar, permettant aux utilisateurs de trouver rapidement des événements spécifiques.
Espace réservé : Ajoutez une courte phrase (par ex., « Rechercher des événements... ») pour guider les utilisateurs sur ce qu'ils peuvent rechercher dans le calendrier.
Position (gauche, droite, centre, remplir) : Choisissez où placer la zone de recherche dans l'en-tête du calendrier pour une meilleure disposition visuelle.
Apparence du style
Taille
Largeur : Définit la largeur horizontale du calendrier. Vous pouvez utiliser des valeurs fixes (pixels, pourcentages) ou laisser le calendrier s'adapter en fonction de son conteneur.
Hauteur : Ce paramètre définit la hauteur verticale du calendrier. Comme pour la largeur, vous pouvez utiliser des paramètres de hauteur fixes ou flexibles.
Débordement : Détermine comment le calendrier gère le contenu qui dépasse ses dimensions. Les options peuvent inclure :
Visible : Le contenu déborde à l'extérieur du calendrier.
Masqué : Le contenu est coupé aux bords du calendrier.
Défilement : Le calendrier dispose de barres de défilement si le contenu dépasse.
Barre d'outils
Couleur d'arrière-plan : Ce paramètre définit la couleur d'arrière-plan de la barre d'outils du calendrier (la zone contenant généralement les boutons de navigation, la sélection de vue, etc.).
Mis à jour
Ce contenu vous a-t-il été utile ?