AX - Calendario
Resumen
AX - Calendario es un componente de Experience Cloud que muestra registros de Salesforce como eventos en una vista de calendario interactiva en las páginas de Experience Sites.
Úsalo para mostrar a los usuarios del portal sus citas, tareas programadas, inscripciones a eventos, fechas límite de proyectos o cualquier registro basado en fechas. Los usuarios pueden ver los eventos por mes, semana, día o en formato de agenda, y hacer clic en los eventos para ver detalles o navegar a los registros.
Perfecto para programación de citas con clientes, calendarios de eventos, vistas de reserva de servicios, cronogramas de proyectos o cualquier lugar donde los usuarios del portal necesiten ver sus actividades basadas en fechas en un formato de calendario visual.
Conectarse a datos de Salesforce
Este paso esencial en la configuración de tu componente Avonni Calendar establece la conexión entre los elementos de tu calendario y los datos relevantes dentro de tu entorno de Salesforce.
La fuente de datos determina qué información mostrará tu calendario.
Tienes dos opciones para usar la Fuente de Datos
Manual
Introduce manualmente eventos y recursos directamente en la interfaz del calendario.
Eventos puntuales o situaciones en las que no necesitas que el calendario esté vinculado a tus datos de Salesforce.
Consulta
Extrae automáticamente información de eventos y recursos de tus datos de Salesforce. Puedes crear una consulta personalizada para mostrar datos de cualquier objeto de Salesforce.
Cuando quieres que tu calendario muestre siempre la información más actualizada de tus registros de Salesforce.
Manual:
Agrega eventos y recursos directamente dentro de la interfaz del calendario.
Útil para eventos puntuales o cuando no necesitas vincular los datos a Salesforce.
Consulta:
Extrae información directamente de tus datos de Salesforce.
Crea una consulta personalizada para mostrar datos de cualquier objeto de Salesforce en el calendario.
Es ideal cuando tu calendario necesita reflejar la información actualizada desde Salesforce.
Configuración de la Fuente de Datos por Consulta
Para asegurar que tu Avonni Calendar muestre la información más relevante, necesitarás configurar de dónde provienen sus datos. Este proceso implica seleccionar el objeto de Salesforce correcto y, opcionalmente, aplicar filtros, agrupaciones y ordenaciones para refinar los resultados.
Desglosemos los pasos:
Selección de objeto: Comienza eligiendo el objeto de Salesforce específico (por ejemplo, Cuentas, Oportunidades, objetos personalizados, etc.) que contiene los datos que deseas que muestre tu tablero Kanban.
Filtrado opcional: Si deseas mostrar solo un subconjunto de datos del objeto seleccionado, utiliza la función de filtrado para establecer condiciones específicas. Por ejemplo, podrías filtrar para mostrar solo oportunidades "Abiertas" o cuentas dentro de cierta región.
Agrupación (Opcional): Agrupa tus datos para organizar eficazmente tu tablero Kanban. Por ejemplo, agrupar oportunidades por "Etapa" puede crear columnas para "Prospección", "Negociación", etc.
Ordenación: Selecciona un campo de "Ordenar por" y la dirección (ascendente o descendente) para determinar el orden en que deben aparecer las tarjetas Kanban.
Campos adicionales: Si necesitas incluir campos en tu Kanban que no se usan directamente para la visualización o interacciones, añádelos en la sección "Campos adicionales". Esto es especialmente útil para campos que quieras que sean buscables dentro de la barra de búsqueda del Kanban.
Asignaciones de datos
Las asignaciones de datos son la clave para asegurar que los eventos de tus registros de Salesforce se muestren correctamente en tu Avonni Calendar. Piénsalo como traducir la información de Salesforce a un idioma que tu calendario entienda.
Asignaciones esenciales
Aquí tienes un desglose de las asignaciones más comunes que deberás configurar:
Título: El campo de Salesforce que contiene el nombre o título del evento (p. ej., "Subject" en el objeto estándar Event).
Nombre del recurso: El campo que indica a qué recurso está asignado el evento (p. ej., un campo "Sala" para reservas de salas o un campo "Propietario" para citas de ventas). Si esto queda en blanco, todos los eventos aparecerán juntos.
Desde: El campo de Salesforce que contiene la fecha y hora de inicio del evento (p. ej., "StartDateTime").
Hasta: El campo de Salesforce que contiene la fecha y hora de finalización del evento (p. ej., "EndDateTime").
Ejemplo:
Si estás creando un calendario de reservas de salas de reuniones, podrías mapear los siguientes campos:
Título: Asunto de la reunión
Nombre del recurso: Nombre de la sala
Desde: Inicio programado
Hasta: Fin programado
Configuración
Vista seleccionada
El Avonni Calendar ofrece tres formatos de visualización distintos para adaptarse a diferentes preferencias de programación y organización. Cada formato proporciona una forma única de ver e interactuar con tus eventos y recursos.
Calendario
Esta es la vista tradicional en cuadrícula que la mayoría de las personas asocia con los calendarios.
Agenda
Cada entrada en la lista incluye detalles sobre el evento y está ordenada en orden cronológico.
Cronología
Ofrece a los usuarios una representación visual lineal de su horario durante un período seleccionable.
Variante de cronograma
El Avonni Calendar ofrece dos maneras de mostrar tu vista de cronograma:
Cronograma horizontal:
Los eventos se disponen horizontalmente a lo largo de la pantalla, con el cronograma funcionando de izquierda a derecha.
Ideal para visualizar horarios en un período más largo (p. ej., semanas o meses).
Cronograma vertical:
Los eventos se apilan verticalmente, con el cronograma funcionando de arriba a abajo.
Esta vista funciona bien para ver horarios detallados dentro de un día o varios días.
Vistas ocultas
La opción 'Vistas ocultas' evita que los usuarios seleccionen ciertas vistas al interactuar con el Avonni Calendar.
Ajustar zoom para ajustar
La configuración "Ajustar zoom" ajusta automáticamente la vista del calendario para asegurar que todos los eventos programados quepan en la pantalla sin necesidad de desplazamiento. Aquí se explica cómo funciona y cuándo es más útil:
Cómo funciona
El calendario reducirá o ampliará su escala de tiempo para acomodar todos los eventos dentro de la vista seleccionada (día, semana, etc.).
Beneficios
Visión rápida: Ver todos tus eventos programados de un vistazo.
Sin desplazamiento: Evita desplazarte hacia arriba y hacia abajo para encontrar eventos.
Cosas a tener en cuenta
Con muchos eventos o en pantallas muy pequeñas, la vista comprimida puede hacer que los detalles individuales de los eventos sean más difíciles de leer.
Opciones de la barra de herramientas
Título de la barra de herramientas: Establece un título personalizado para el encabezado de tu calendario. Esto ayuda a los usuarios a entender el propósito del calendario (p. ej., "Horario del equipo de ventas", "Próximos eventos", etc.).
Ocultar barra de herramientas: Puedes ocultar toda la barra de herramientas para lograr un aspecto más minimalista o maximizar el espacio de visualización del calendario.
Características de Acciones
El componente Avonni Calendar va más allá de solo mostrar eventos; proporciona varias formas para que tus usuarios interactúen directamente con él y desencadenen acciones adicionales.
Tipos de acciones
Acciones de nuevo evento: Personaliza lo que sucede cuando los usuarios arrastran el cursor por el calendario para programar un nuevo evento. Por ejemplo, podrías abrir automáticamente un formulario de creación de eventos.
Acciones de encabezado: Agrega botones personalizados a la barra de herramientas del calendario. Estos botones pueden programarse para desencadenar cualquiera de las interacciones disponibles que se enumeran a continuación.
Acciones del menú contextual: Estos botones aparecen cuando un usuario hace clic derecho en un evento o abre los detalles del evento. Configura estos botones para permitir acciones como editar, eliminar o desencadenar procesos adicionales relacionados con el evento.
Interacciones disponibles
El componente Avonni Calendar ofrece varias interacciones que pueden ser desencadenadas por las acciones descritas arriba:
Mostrar Toast: Mostrar un breve mensaje de notificación al usuario, confirmando una acción o proporcionando retroalimentación.
Navegar: Redirigir al usuario a una página diferente dentro de tu Experience Cloud o a un sitio web externo.
Abrir modal de alerta: Presentar una ventana emergente con información importante o un mensaje de confirmación.
Abrir confirmación: Mostrar un cuadro de diálogo de confirmación solicitando al usuario verificar una acción (p. ej., eliminar un evento).
Abrir diálogo de Flow: Iniciar un Flow de Salesforce, permitiéndote automatizar procesos complejos o guiar a los usuarios a través de varios pasos.
Actualizar consulta: Actualizar la visualización del calendario con los datos más recientes de Salesforce.
Cómo implementar
Para configurar estas acciones e interacciones, trabajarás dentro de los ajustes del componente Avonni Calendar en Experience Cloud Builder. Cada tipo de acción (Nuevo evento, Encabezado, Menú contextual) tendrá una sección donde puedes definir la interacción que se debe desencadenar.
Avatar
La sección Avatar te permite agregar una foto o imagen al encabezado de tu Avonni Calendar. Esto puede ayudar a personalizar el calendario y proporcionar un identificador visual.
Control de intervalo de tiempo
Los ajustes de Intervalo de tiempo de Avonni Calendar ofrecen flexibilidad para ver eventos y gestionar tu horario. Elige entre estas opciones:
Vista de día: Puedes concentrarte en un solo día o personalizarla para ver varios días consecutivos (p. ej., ver una semana laboral de 4 días).
Vista de semana: Ver el horario completo de una semana de un vistazo.
Vista de mes: Obtener una visión más amplia del mes, con la capacidad de mostrar de 2 a 4 semanas a la vez o un número personalizado de semanas.
Cómo configurar los intervalos de tiempo
Cada intervalo de tiempo (Día, Semana, Mes) tiene sus ajustes:
Etiqueta: Dale a tu intervalo de tiempo un nombre descriptivo (p. ej., "Semana laboral").
Nombre del icono: Selecciona un icono visual para ayudar a identificar rápidamente el intervalo de tiempo.
Unidad: Elige si este intervalo de tiempo representa días, semanas o meses.
Duración: Establece el número de unidades que se mostrarán (p. ej., 5 días, 2 semanas).
Encabezados de cronograma (solo vista de cronograma)
Ajusta finamente los encabezados de la vista de Cronograma para mostrar la información más importante para ti, como números de semana, fechas o meses.
Tiempo disponible
La sección Tiempos disponibles ofrece múltiples opciones para personalizar los marcos horarios que aparecen en tu calendario. Esta función es útil para concentrarse en períodos específicos de interés. Aquí están las opciones disponibles:
Días
Esta opción te permite especificar qué días de la semana deben ser visibles en el calendario. Si se selecciona, el calendario solo mostrará los días elegidos, ocultando efectivamente el resto.
Mes
Al igual que la opción Días, puedes elegir qué meses deben ser visibles en tu calendario.
Marco de tiempo
Usando el Marco de tiempo, puedes controlar con precisión las horas visibles en tu calendario, enfocándote efectivamente en las franjas horarias más relevantes.
Visualización de eventos
La sección Visualización de eventos ofrece una variedad de opciones para personalizar la estética visual de los eventos de tu calendario.
Aquí están las opciones disponibles:
Tema: Esta opción te permite elegir un tema visual para tus eventos. Puedes seleccionar entre varios temas predefinidos, como predeterminado, transparente, línea, hueco o redondeado, cada uno ofreciendo un estilo visual único para adaptarse a tu preferencia personal o identidad de marca.
Paleta: Esta función te permite asignar diferentes colores de una paleta elegida a cada recurso. Una paleta de colores es una colección de colores que proporciona un uso consistente del color a través de diferentes recursos. Esto ayuda a diferenciar visualmente y a identificar rápidamente distintos tipos de recursos en tu calendario.
Campos emergentes: Cuando un usuario pasa el cursor sobre un evento, estos campos se mostrarán en una pequeña caja emergente (o un 'popover'). Esto permite a los usuarios ver detalles esenciales del evento sin hacer clic en ellos.
Filtro
Personaliza cómo los usuarios refinan los eventos que se muestran en tu Avonni Calendar.
Ocultar filtro de recursos: Elige esta opción para eliminar el filtro que permite a los usuarios ver eventos basados en recursos específicos (p. ej., personas, salas, equipos).
Ocultar selector de fecha: Selecciona esto para eliminar el icono del calendario en el encabezado que permite a los usuarios navegar a una fecha específica.
Tipo (Horizontal, popover, panel izquierdo, panel derecho, vertical): Determina el estilo visual y la colocación de la sección de filtro:
Horizontal: Una barra a lo largo de la parte superior del calendario.
Popover: Un filtro compacto que se abre al hacer clic.
Panel izquierdo/derecho: Un panel lateral para opciones de filtro.
Vertical: Una lista vertical de opciones de filtro
Buscar
Mostrar búsqueda: Activa esta opción para agregar un cuadro de búsqueda en la parte superior de tu Avonni Calendar, permitiendo a los usuarios encontrar eventos específicos rápidamente.
Marcador de posición: Agrega una frase corta (p. ej., "Buscar eventos...") para guiar a los usuarios sobre qué pueden buscar dentro del calendario.
Posición (izquierda, derecha, centro, rellenar): Elige dónde colocar el cuadro de búsqueda dentro del encabezado del calendario para lograr la mejor disposición visual.
Apariencia de estilo
Tamaño
Ancho: Establece el ancho horizontal del calendario. Puedes usar valores fijos (píxeles, porcentajes) o dejar que el calendario se adapte según su contenedor.
Alto: Esta configuración establece la altura vertical del calendario. Similar al ancho, puedes usar configuraciones de altura fijas o flexibles.
Desbordamiento: Determina cómo maneja el calendario el contenido que excede sus dimensiones. Las opciones podrían incluir:
Visible: El contenido fluye fuera del calendario.
Oculto: El contenido se recorta en los bordes del calendario.
Desplazamiento: El calendario obtiene barras de desplazamiento si el contenido se desborda.
Barra de herramientas
Color de fondo: Esta configuración establece el color de fondo de la barra de herramientas del calendario (el área que típicamente contiene botones de navegación, selección de vista, etc.).
Última actualización
¿Te fue útil?