Mostrando archivos de Salesforce CMS en una tabla de datos

Agregar el Componente Data Table

Primero, vamos a configurar el Data Table que mostrará nuestra lista de archivos de CMS.

1. Desde la Biblioteca de Componentes (panel izquierdo), busca el componente Avonni Data Table y arrástralo al lienzo.

Configurar la Fuente de Datos

A continuación, necesitamos conectar el Data Table a tu Colección de CMS de Salesforce específica.

1. Con el Data Table seleccionado, busca la propiedad Fuente de Datos en el Panel de Propiedades.

2. Selecciona Colección de CMS de la lista de tipos de fuente de datos.

3. En el campo ID de Colección que aparece, ingresa el ID de 18 caracteres de tu Colección de CMS de Salesforce o Clave de Contenido.

El Data Table ahora está conectado y consciente de los elementos de contenido dentro de tu colección.

Agregar Columnas para Mostrar Información del Contenido

Ahora, definamos qué detalles sobre los archivos serán visibles en la tabla.

1. En las propiedades del Data Table, navega a la sección Columnas .

2. Haz clic "Agregar Columna" para crear una nueva columna.

3. Campo de Origen: Selecciona un campo de los datos de contenido del CMS (por ejemplo, Título).

4. Etiqueta de Columna: asígnale una etiqueta amigable para el usuario (por ejemplo, "Título del Documento").

5. Repite este proceso para agregar otras columnas relevantes, como CreatedDate o LastModifiedDate.

Agregar y Configurar la Acción Descargar

Este es el paso más esencial para hacer los archivos accesibles a los usuarios. Dado que no podemos enlazar directamente al nombre del archivo, crearemos un botón de acción dedicado.

1. Agregar una Columna de Acción: En el sección Columnas en la sección de propiedades del Data Table, haz clic "Agregar Columna" una vez más. En la configuración de la columna, establece su Tipo a Botón.

2. Configurar el Elemento Botón:

   • Dentro de las propiedades de la columna Botón, agrega un nuevo elemento de botón.

   • Asígnale una Etiqueta como "Descargar" o "Ver Archivo".

   • Establece un Nombre de Ícono (por ejemplo, utility:download) para una mejor señal visual.

3. Crear la interacción "Descargar CMS":

   • Selecciona el elemento de acción "Descargar" que acabas de configurar.

   • Ve a su sección Interacciones y agrega una interacción Al Hacer Clic .

   • Para el Tipo, selecciona interacción Descargar CMS.

   • Esta interacción específica está diseñada para generar de forma segura e iniciar la descarga del archivo CMS asociado con esa fila en particular de la tabla. No se necesitan otras propiedades para esta interacción.

Guardar y Desplegar

Ahora que tu Avonni Data Table está completamente configurado directamente en la página de Experience Cloud, el paso final es ponerlo en vivo para los visitantes de tu sitio. En Experience Builder, los cambios de configuración normalmente se guardan mientras trabajas; sin embargo, debes publicar el sitio para que se vuelvan visibles para tu audiencia.