Indicador de progreso AX
Resumen
Indicador de progreso AX es un componente de Experience Cloud que muestra las etapas del proceso como un rastreador visual de pasos basado en valores de campos de lista de selección en páginas de Experience Sites.
Úsalo para mostrar a los usuarios del portal dónde se encuentran los registros en un flujo de trabajo—como estados de pedidos, etapas de solicitud, pasos de incorporación o procesos de aprobación. Los usuarios pueden ver el progreso actual y los pasos completados. Elige entre diseños horizontales, verticales o de estilo ruta y configúralo en Experience Builder.
Perfecto para el seguimiento de pedidos, la visualización del estado de solicitudes, el progreso de incorporación, los flujos de trabajo de aprobación o cualquier lugar donde los usuarios del portal necesiten claridad visual sobre el estado de un proceso de varios pasos.
Nota
Este componente es solo de visualización — lee el valor actual de la lista de selección y representa visualmente el paso correspondiente, pero no actualiza el registro cuando un usuario hace clic en un paso. Para permitir que los usuarios cambien el estado de un registro, debes combinarlo con un componente separado o una solución personalizada que gestione la actualización del registro (consulta la sección de preguntas frecuentes a continuación)
Primeros pasos
Usa este sencillo tutorial para aprender los conceptos básicos del componente Indicador de progreso y empezar a crear tus casos de uso.
Configuración
Tipo
Elige entre Base, Vertical, Barra, Círculo, Ruta, o Vertical Estilos de navegación.
Formato
Lineal: Flujo de progreso estándar.
No lineal: El progreso no sigue un orden secuencial
Sombreado
Aplica un efecto de sombreado al componente
Paso actual
Define el paso actual en el flujo de progreso.
Alineación del icono
Centro: Centra el icono en el paso.
Arriba: Alinea el icono en la parte superior del paso
Tamaño del icono
Selecciona entre Pequeño, Mediano o Grande.
Mostrar número del paso
Muestra el número de cada paso.
Mostrar etiqueta del paso
Muestra las etiquetas de cada paso.
Ocultar valor de la barra
Oculta el valor/porcentaje en la barra de progreso.
Fuente de datos
Manual: Introduce manualmente los datos de progreso.
Valores de lista de selección: Usa valores de una lista de selección para definir el progreso
Barra
Personaliza el color y el color de completado.
Icono
Ofrece una amplia personalización de colores, incluyendo:
Enfoque,Normal,Relleno,Borde,Activo,Completado, yColores de error(y sus variantes de Relleno y Borde).
Etiqueta del paso
Color del texto: Establece el color del texto de la etiqueta.
Tamaño de fuente: Define el tamaño de la fuente.
Familia tipográfica: Elige la tipografía de la etiqueta.
Peso de fuente: Selecciona el peso/grosor de la fuente.
Sombra del texto: Añade un efecto de sombra al texto.
Límite de líneas: Limita el número de líneas del texto de la etiqueta
Ejemplos de casos de uso
Ejemplo 1: Ruta del proceso de ventas
Guía a tus usuarios asociados a través de cada etapa del recorrido de ventas con una ruta visual e intuitiva que impulsa la adopción y mantiene los acuerdos avanzando.
Lo que lograrás
Experiencia de ventas guiada: Ofrece a los usuarios asociados una representación visual y clara de en qué punto se encuentra cada oportunidad en el proceso de ventas
Mayor adopción: Reduce la confusión y mejora la participación mostrando la información correcta de la etapa directamente en el sitio de Experience
Visibilidad del pipeline: Ayuda a los socios a mantenerse alineados con los próximos pasos sin salir del portal
Cómo configurarlo
Configurar la fuente de datos
Selecciona Selecciona Valores de lista de selección como tu tipo de fuente de datos
Establece el Nombre de API del objeto en
OpportunityEstablece el Campo de lista de selección en
EtapaEstablece el Tipo de registro en
MasterEstablece el Orden de clasificación en
Predeterminado
Enlaces
AX - Detalle del registroEjemplo 2: Estado del pedido del cliente
Ofrece a tus clientes una claridad instantánea sobre el estado de su pedido, desde la realización hasta el cumplimiento, con un indicador de progreso vertical limpio y fácil de seguir.
Lo que lograrás
Visibilidad del pedido en tiempo real: Muestra información actualizada del estado del pedido directamente en el portal del cliente
Menos consultas al soporte: Permite a los clientes hacer el seguimiento de sus pedidos por sí mismos, reduciendo la necesidad de contactar con soporte
Cómo configurarlo
Configurar la fuente de datos
Selecciona Selecciona Valores de lista de selección como tu tipo de fuente de datos
Establece el Nombre de API del objeto en
PedidoEstablece el Campo de lista de selección en
EstadoEstablece el Tipo de registro en
MasterEstablece el Orden de clasificación en
Predeterminado
Preguntas frecuentes
¿Pueden los usuarios hacer clic en un paso para actualizar el estado del registro?
No. AX - Progress Indicator es un componente de visualización de solo lectura. Refleja el valor actual de un campo de lista de selección, pero no escribe de vuelta en Salesforce cuando un usuario hace clic en un paso. El propio Progress Indicator no expone interacciones ni acciones en la versión de Experience Cloud.
Consejo: Si estás creando en una página de Lightning (no en un Experience Site), la versión de Avonni Dynamic Components de Indicador de progreso sí admite interacciones con acciones de actualización de registros a través de su pestaña Interacción
Enlaces
AX - MapaÚltima actualización
¿Te fue útil?
