Afficher des fichiers Salesforce CMS dans une table de données

Ajouter le composant Data Table

Tout d'abord, configurons la Data Table qui affichera notre liste de fichiers CMS.

1. Depuis la Bibliothèque de composants (panneau de gauche), trouvez le Avonni Data Table composant et faites-le glisser sur la zone de travail.

Configurer la source de données

Ensuite, nous devons connecter la Data Table à votre Collection Salesforce CMS spécifique.

1. Avec la Data Table sélectionnée, trouvez la Source de données propriété dans le panneau des propriétés.

2. Sélectionnez Collection CMS dans la liste des types de source de données.

3. Dans le champ ID de Collection qui apparaît, entrez le l'ID à 18 caractères de votre Collection Salesforce CMS (commencez par 20Y)

La Data Table est maintenant connectée et connaît les éléments de contenu de votre collection.

Ajouter des colonnes pour afficher les informations du contenu

Maintenant, définissons quelles informations sur les fichiers seront visibles dans le tableau.

1. Dans les propriétés de la Data Table, accédez à la Colonnes section.

2. Clic "Ajouter une colonne" pour créer une nouvelle colonne.

3. Champ source : Sélectionnez un champ parmi les données de contenu CMS (par ex. : Titre).

4. Étiquette de colonne : Donnez-lui une étiquette conviviale (par ex. : « Titre du document »).

5. Répétez ce processus pour ajouter d'autres colonnes pertinentes, telles que CreatedDate ou LastModifiedDate.

Ajouter et configurer l'action de téléchargement

Ceci est l'étape la plus essentielle pour rendre les fichiers accessibles aux utilisateurs. Puisque nous ne pouvons pas lier directement au nom d'un fichier, nous allons créer un bouton d'action dédié.

1. Ajouter une colonne d'action : Dans le Colonnes dans la section des propriétés de la Data Table, cliquez "Ajouter une colonne" une fois de plus. Dans les paramètres de la colonne, réglez son Type sur Bouton.

2. Configurer l'élément Bouton :

   • Dans les propriétés de la colonne Bouton, ajoutez un nouvel élément bouton.

   • Donnez-lui un Étiquette comme « Télécharger » ou « Voir le fichier ».

   • Définissez une Nom de l'icône (par ex. : utility:download) pour un meilleur repère visuel.

3. Créer l'interaction "Télécharger CMS" :

   • Sélectionnez l'élément d'action "Télécharger" que vous venez de configurer.

   • Allez dans sa Interactions section et ajoutez une Au clic interaction.

   • Pour le Type, sélectionnez interaction Télécharger CMS.

   • Cette interaction spécifique est conçue pour générer et initier de manière sécurisée un téléchargement du fichier CMS associé à cette ligne particulière du tableau. Aucune autre propriété n'est nécessaire pour cette interaction.

Enregistrer et déployer

Maintenant que votre Data Table Avonni est entièrement configurée directement sur la page Experience Cloud, l'étape finale consiste à la rendre visible pour les visiteurs de votre site. Dans Experience Builder, vos modifications de configuration sont généralement enregistrées au fur et à mesure ; cependant, vous devez publier le site pour qu'elles deviennent visibles pour votre audience.