> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/experience-components/ax-feed.md).

# AX - Feed

## Resumen

**AX - Feed** es un componente de Experience Cloud que muestra elementos del feed de Salesforce Chatter —publicaciones, comentarios y actualizaciones— en un flujo de actividad en las páginas de Experience Sites.

Úsalo para mostrar debates de la comunidad, actualizaciones de registros, publicaciones de grupos o actividad de colaboración a los usuarios del portal. El feed muestra contenido de Chatter en tiempo real de tu organización de Salesforce, manteniendo a los usuarios del portal conectados con conversaciones y actualizaciones relevantes.

Perfecto para áreas de participación de la comunidad, espacios de colaboración con clientes, feeds de debate de socios o cualquier lugar donde los usuarios del portal necesiten ver y participar en conversaciones de Chatter.

{% hint style="info" %}
Asegúrate de que [Chatter esté habilitado](https://help.salesforce.com/s/articleView?id=sf.enable_chatter_settings.htm\&type=5) en tus sitios de Experience Cloud y de que los permisos necesarios estén configurados correctamente.
{% endhint %}

<details>

<summary>🔀 Diferencias entre el componente Salesforce Standard Feed y los componentes Avonni Feed</summary>

#### Accesibilidad en todos los tipos de sitios

* **Salesforce Standard Feed:** Disponible exclusivamente para sitios Aura.
* **Avonni Feed:** Accesible en sitios Aura y LWR (Lightning Web Runtime). 🌐✨

#### Capacidades de personalización

* **Salesforce Standard Feed:** Ofrece opciones básicas de personalización.
* **Avonni Feed:** Altamente personalizable, incluida la selección de elementos para mostrar y la configuración de permisos de los elementos.

<img src="/files/3ba4b9ae47b7ef64df892300f239ba3d0ac9bdd1" alt="" data-size="original">

#### Control sobre la visualización del contenido

* **Exclusivo de Avonni Feed:** Establece el número de elementos por página, ofreciendo un mejor control sobre cómo se visualiza el contenido.

#### Estilo y apariencia

* **Salesforce Standard Feed:** Opciones de estilo limitadas.
* **Avonni Feed:** Totalmente personalizable en estilo y apariencia, lo que permite una apariencia y sensación a medida.

<img src="/files/813f1822d4eca9ae3969fbbc3db4a159017475ed" alt="" data-size="original">

#### Funciones de interacción mejoradas

* **Exclusivo de Avonni Feed:** La capacidad de seleccionar una 'mejor respuesta' para los elementos mejora las interacciones de la comunidad. 💬🏆

#### Resumen

Aunque funcional, el componente Salesforce Standard Feed es más limitado en personalización y estilo y solo es compatible con sitios Aura.

En cambio, el componente Avonni Feed ofrece una gama más amplia de opciones de personalización y una flexibilidad superior en estilo. Es compatible con sitios Aura y LWR, lo que lo convierte en una opción más versátil para diversos requisitos de sitios de Experience Cloud.

</details>

<figure><img src="/files/42130a5be75706911e3d7f2664287f3a808ba7ba" alt=""><figcaption></figcaption></figure>

## Configuración de Avonni Feed

### Tipos de Feed

Una característica vital del componente Avonni Feed es su '**`tipo`**' atributo permite a los administradores adaptar el flujo de contenido a diferentes contextos y necesidades.

Aquí tienes un desglose de cada tipo y de cómo se pueden utilizar.

| Tipo de Avonni Feed   | Descripción                                                                                                                                                                                                                                                                                                                                                              | Caso de uso                                                                                                             |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- |
| **Mi feed**           | Muestra un feed personalizado de actividades y actualizaciones relevantes para el usuario actual.                                                                                                                                                                                                                                                                        | Ideal para paneles personalizados o páginas de inicio con actualizaciones de la red del usuario.                        |
| **Grupo o registro**  | <p>Muestra actualizaciones relacionadas con un grupo o registro específico en Salesforce.<br><br><strong>Configuración</strong>: Introduce el ID único de Salesforce en el <strong>ID de registro</strong> campo de atributo. Este campo acepta un <strong>ID de registro</strong>, un <strong>ID de grupo de Chatter</strong>, o una <strong>expresión LWR</strong></p> | Adecuado para páginas de proyecto o espacios de equipo que necesitan actualizaciones de un grupo o registro específico. |
| **Tema**              | Filtra el feed para mostrar publicaciones e interacciones relacionadas con un tema específico.                                                                                                                                                                                                                                                                           | Útil para páginas o secciones temáticas centradas en asuntos específicos.                                               |
| **Perfil de usuario** | Enfoca el feed en las actividades e interacciones de un usuario específico.                                                                                                                                                                                                                                                                                              | Adecuado para páginas de perfil de usuario para mostrar las contribuciones e interacciones de una persona.              |
| **Favorito**          | Muestra un feed de las publicaciones o temas favoritos marcados por el usuario.                                                                                                                                                                                                                                                                                          | Perfecto para secciones donde los usuarios pueden acceder rápidamente a su contenido favorito.                          |

### Configuración de los elementos mostrados

Un aspecto crucial del componente Avonni Feed es su '**`Elementos mostrados`**' atributo te permite personalizar los elementos que se muestran dentro de cada elemento del feed. Esta personalización es vital para adaptar el feed a las necesidades de participación e interacción de tu comunidad.

<table><thead><tr><th width="218">Elementos mostrados</th><th>Opción</th></tr></thead><tbody><tr><td><strong>Me gusta</strong></td><td>Muestra una opción de 'me gusta' para cada elemento del feed</td></tr><tr><td><strong>Favorito</strong></td><td>Muestra un marcador de 'favorito' para permitir a los usuarios marcar elementos como favoritos</td></tr><tr><td><strong>Comentarios</strong></td><td>Muestra los comentarios asociados con cada elemento del feed</td></tr><tr><td><strong>Botón de comentario</strong></td><td>Incluye un botón para que los usuarios añadan nuevos comentarios a un elemento del feed</td></tr><tr><td><strong>Me gusta en comentarios</strong></td><td>Permite a los usuarios dar 'me gusta' a comentarios individuales dentro del feed</td></tr></tbody></table>

<figure><img src="/files/d9919abd211cc864627461eaff914b0c703eb33f" alt=""><figcaption></figcaption></figure>

### Configuración de permisos de los elementos

El '**`Permisos de los elementos`**' atributo ofrece varias opciones, lo que permite a los administradores definir con precisión las capacidades y restricciones para los usuarios que interactúan con los elementos del feed.

A continuación se muestran las opciones disponibles para configurar estos permisos:

<table><thead><tr><th width="214">Tipo de permiso</th><th>Funcionalidad</th></tr></thead><tbody><tr><td><strong>Editar</strong></td><td>Permite editar los propios elementos del feed.</td></tr><tr><td><strong>Eliminar</strong></td><td>Permite eliminar los propios elementos del feed.</td></tr><tr><td><strong>Editar mejor respuesta</strong></td><td>Marcar/editar la 'mejor respuesta' en preguntas y respuestas.</td></tr><tr><td><strong>Favorito</strong></td><td>Los usuarios pueden marcar elementos como favoritos.</td></tr><tr><td><strong>Me gusta</strong></td><td>Permite dar 'me gusta' a los elementos del feed.</td></tr><tr><td><strong>Comentar</strong></td><td>Permite comentar los elementos del feed.</td></tr><tr><td><strong>Editar comentario</strong></td><td>Permite editar los propios comentarios.</td></tr><tr><td><strong>Eliminar comentario</strong></td><td>Permite eliminar los propios comentarios.</td></tr><tr><td><strong>Me gusta en comentarios</strong></td><td>Permite dar 'me gusta' a comentarios individuales.</td></tr></tbody></table>

### Opciones de fecha

En el componente Avonni Feed, la configuración de Opciones de fecha te permite configurar cómo se muestran las fechas junto a cada elemento del feed. Esta función mejora la legibilidad y el contexto de los elementos del feed. Esta configuración tiene cuatro valores disponibles: estándar, relativa, predefinida y personalizada.

#### Valores de visualización de fecha disponibles

1. **Estándar:**
   * Muestra la fecha en un formato tradicional, como DD/MM/AAAA o MM/DD/AAAA.
2. **Relativa:**
   * Muestra la fecha relativa a 'hace 3 horas' o 'ayer', ofreciendo una referencia temporal más intuitiva.
3. **Predefinida:**
   * Utiliza formatos de fecha predefinidos establecidos en el sistema o componente, simplificando el proceso de configuración.
4. **Personalizada:**
   * Ofrece la flexibilidad de definir un formato de fecha personalizado, adaptándolo a necesidades específicas de presentación o preferencias estilísticas.

Al personalizar las Opciones de fecha en el componente Avonni Feed, puedes alinear la visualización de la fecha con los estándares de diseño de tu sitio y las preferencias de los usuarios, garantizando una experiencia coherente y fácil de usar en tu sitio de Salesforce Experience Cloud.

<figure><img src="/files/00e25644fb8d786329d5a53e6977e1c1e975ff39" alt=""><figcaption></figcaption></figure>

### Opciones de filtro

Las Opciones de filtro en el componente Avonni Feed proporcionan una forma poderosa de gestionar y simplificar el contenido mostrado en el feed de tu sitio de Salesforce Experience Cloud. Esta función mejora la experiencia del usuario al permitir una visualización de contenido más enfocada y relevante según criterios específicos.

#### Configuración de ajustes de filtro

1. **Filtrar por:**
   * **Descripción:** Establece un valor de filtro predeterminado para el feed.
   * **Uso:** Ayuda a mostrar automáticamente el feed según un criterio preseleccionado, asegurando que los usuarios vean primero el tipo de contenido más relevante.
2. **Mostrar filtro:**
   * **Descripción:** Permite mostrar un menú de filtro en Avonni Feed.
   * **Uso:** Ofrece a los usuarios la capacidad de seleccionar y cambiar interactivamente los filtros de contenido, mejorando la capacidad de descubrimiento de contenido y la participación de los usuarios.
3. **Filtros:**
   * **Descripción:** Especifica los tipos de contenido que pueden filtrarse dentro del feed.
   * **Las opciones incluyen:**
     * Preguntas
     * Preguntas con mejor respuesta
     * Preguntas sin mejor respuesta
     * Preguntas sin respuesta
   * **Uso:** Esta configuración permite a los usuarios reducir el feed a preguntas específicas, lo que facilita encontrar e interactuar con el contenido más relevante para sus necesidades o intereses.

Al utilizar las Opciones de filtro en el componente Avonni Feed, puedes mejorar significativamente la experiencia de navegación de contenido para los usuarios de tu sitio de Experience Cloud. Estos ajustes garantizan que el feed permanezca organizado, relevante y centrado en el usuario, atendiendo a las diversas necesidades de descubrimiento de contenido de los miembros de tu comunidad.

<figure><img src="/files/a410b72e5756e4c6e74f5bc5cae8d1f1f5dbc1a7" alt=""><figcaption></figcaption></figure>

### Motor de búsqueda

Las Opciones de búsqueda en el componente Avonni Feed mejoran la funcionalidad del feed de tu sitio de Experience Cloud al integrar una función de búsqueda. Esta adición permite a los usuarios localizar rápidamente contenido específico dentro del feed, mejorando la experiencia general del usuario y la eficiencia.

#### Ajustes clave de búsqueda

1. **Mostrar búsqueda:**
   * **Funcionalidad:** Permite mostrar un cuadro de búsqueda dentro de Avonni Feed.
   * **Impacto:** Permite a los usuarios buscar rápidamente publicaciones, comentarios o temas específicos, agilizando su proceso de descubrimiento de contenido.
2. **Texto de marcador:**
   * **Funcionalidad:** Añade texto de marcador al cuadro de búsqueda.
   * **Propósito:** Guía a los usuarios con un ejemplo o instrucción sobre lo que pueden buscar, mejorando la usabilidad.
3. **Posición:**
   * **Funcionalidad:** Establece la posición del motor de búsqueda dentro de Avonni Feed.
   * **Opciones:** Elige entre varias posiciones (por ejemplo, izquierda, derecha, centro, relleno) para ajustarse mejor al diseño y la disposición de tu feed.
   * **Impacto:** Garantiza que el cuadro de búsqueda se coloque en una ubicación cómoda y accesible, alineándose con el diseño general de la página y el flujo de interacción del usuario.

<figure><img src="/files/65a2b9cdf38947ff4711a915e1cd3e86f9e3b229" alt=""><figcaption></figcaption></figure>

### Opción de ordenación

Las opciones de ordenación en el componente Avonni Feed están diseñadas para mejorar la organización del contenido del feed de tu sitio de Salesforce Experience Cloud. Esta función permite a los usuarios ver los elementos del feed en un orden ordenado según criterios predefinidos, mejorando así la accesibilidad del contenido y la experiencia del usuario.

#### Configuración de los ajustes de ordenación

1. **Ordenar por:**
   * **Funcionalidad:** Puedes establecer un valor de ordenación predeterminado para los elementos del feed.
   * **Impacto:** Organiza automáticamente el contenido del feed según los criterios seleccionados (por ejemplo, más recientes, más apreciados, etc.), asegurando que los usuarios vean primero el contenido más relevante.
2. **Mostrar ordenación:**
   * **Funcionalidad:** Permite mostrar un menú desplegable de ordenación en Avonni Feed.
   * **Propósito:** Ofrece a los usuarios la flexibilidad de cambiar el orden de clasificación del contenido del feed según su preferencia.
   * **Impacto:** Mejora la interacción del usuario al permitirle personalizar su experiencia de visualización del contenido, facilitando la navegación y la búsqueda de publicaciones relevantes.

<figure><img src="/files/53156c47d0b2319aa4f8939039075813eca28265" alt=""><figcaption></figcaption></figure>

## Ajustes de estilo

El componente Avonni Feed para Salesforce Experience Cloud ofrece amplias capacidades de estilo para personalizar la apariencia del feed y adaptarla a la estética y la marca de tu sitio. Cada elemento dentro de Avonni Feed puede ajustarse para crear una experiencia de usuario visualmente coherente y atractiva.

<table><thead><tr><th width="263">Elemento de estilo</th><th>Opciones de personalización</th></tr></thead><tbody><tr><td><strong>Tamaño</strong></td><td>Ajusta el tamaño general, incluyendo el ancho y la altura.</td></tr><tr><td><strong>Elemento</strong></td><td>Estiliza los elementos principales del feed (color de fondo, fuente, relleno).</td></tr><tr><td><strong>Borde del elemento</strong></td><td>Configura los bordes del elemento (color, grosor, estilo).</td></tr><tr><td><strong>Fecha del elemento</strong></td><td>Estiliza la fecha (tamaño de fuente, color, formato).</td></tr><tr><td><strong>Título del elemento</strong></td><td>Personaliza la apariencia del título (tamaño de fuente, peso, color).</td></tr><tr><td><strong>Nombre de usuario del elemento</strong></td><td>Estiliza la visualización del nombre de usuario (personalización de la fuente, color).</td></tr><tr><td><strong>Contenido del elemento</strong></td><td>Ajusta el estilo del contenido principal (color del texto, fuente, interlineado).</td></tr><tr><td><strong>Divisor de la sección de comentarios</strong></td><td>Estiliza el divisor en la sección de comentarios.</td></tr><tr><td><strong>Nombre de usuario del comentario</strong></td><td>Personaliza la apariencia de los nombres de usuario en los comentarios.</td></tr><tr><td><strong>Contenido del comentario</strong></td><td>Estiliza el texto del comentario (fuente, color, tamaño).</td></tr><tr><td><strong>Pie de página</strong></td><td>Personaliza el pie de página del feed (puede incluir paginación o más).</td></tr></tbody></table>

<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/experience-components/ax-feed.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.