--- title: "Cómo agregar y configurar el elemento web Organizational Chart" description: "Guía para agregar Vitextra Organizational Chart a SharePoint Online: aprobar permisos de Microsoft Graph, elegir el modo y diseño, configurar tarjetas y filtros, habilitar la exportación y guardar valores predeterminados de Teams." url: https://vitextra.com/es/support/kb/10233 language: es published: 2026-11-05 modified: 2026-11-07 author: "Vitālijs Kalniņš" tags: ["agregar Organizational Chart", "configurar organigrama SharePoint Online", "panel de propiedades", "modo de gráfico", "tarjetas de empleados", "niveles para mostrar", "permisos Microsoft Graph", "exportar PDF JPEG", "Vitextra"] --- # Cómo agregar y configurar el elemento web Organizational Chart Guía para agregar Vitextra Organizational Chart a SharePoint Online: aprobar permisos de Microsoft Graph, elegir el modo y diseño, configurar tarjetas y filtros, habilitar la exportación y guardar valores predeterminados de Teams. ## Introducción Este artículo explica cómo agregar **Vitextra Organizational Chart** a una página de ::SharePoint Online:: y configurarlo mediante el panel de propiedades: desde aprobar los permisos de API hasta elegir el modo, el diseño, los atributos de las tarjetas, los filtros y los formatos de exportación. Se presupone que el paquete ya está implementado en el ::catálogo de aplicaciones:: del ::inquilino::. 💡 **Consejo** Si el ::elemento web:: aún no está disponible, impleméntelo primero siguiendo [KB10035. Cómo instalar un producto Vitextra en SharePoint Online](https://vitextra.com/es/support/kb/10035). Para conocer sus funciones, consulte [KB10232. Organizational Chart. Descripción general de la solución](https://vitextra.com/es/support/kb/10232). ## Requisitos previos Organizational Chart lee los datos de empleados de ::Microsoft Entra ID:: mediante ::Microsoft Graph::. Para construir el organigrama, deben aprobarse estos permisos para el inquilino: |::Permiso::|::Uso::| |:---|:---| |`Directory.Read.All`|Leer la estructura del directorio y las relaciones entre responsables y empleados| |`User.Read.All`|Leer perfiles y fotografías de empleados| |`Presence.Read.All`|Mostrar la presencia de ::Microsoft Teams:: en las tarjetas| Las solicitudes se registran automáticamente al implementar el paquete. Para aprobarlas, un administrador global abre el **::Centro de administración de SharePoint::**, va a **Avanzadas** → **Acceso de API**, selecciona cada solicitud pendiente de Microsoft Graph y pulsa **Aprobar**. ![Solicitudes de acceso a API](https://static.vitextra.com/articles/10233/api-access-approve-es.png) *Solicitudes de acceso a API* ❗ **Importante** Hasta aprobar los permisos, el elemento web no puede cargar los empleados y muestra un error. Si solo falta `Presence.Read.All`, el organigrama funciona, pero no muestra indicadores de presencia. Para agregar el elemento web necesita permisos de edición de la página, normalmente mediante el rol de **Propietario del ::sitio::** o **Miembro del sitio**. ## Agregar el elemento web a una página 1. Abra la página donde deba aparecer el organigrama y pulse **Editar** en la esquina superior derecha. 2. Sitúe el puntero en el área deseada y haga clic en el botón circular **+** para agregar un elemento web. 3. En el cuadro de herramientas, empiece a escribir **Org Chart** y selecciónelo en la ::lista::. El elemento web se agrega y construye inmediatamente el organigrama de toda la empresa con la configuración predeterminada. ![Agregar el elemento web Organizational Chart](https://static.vitextra.com/articles/10233/add-web-part-es.png) *Agregar el elemento web Organizational Chart* 💡 **Consejo** El árbol horizontal necesita espacio. Coloque el elemento web en una sección de **ancho completo** o de una sola columna para mostrar varias ramas contiguas sin reducir el zoom. ## Configurar el elemento web Seleccione el elemento web y pulse el icono del **lápiz (Editar elemento web)** para abrir el panel de propiedades. Las opciones se organizan en los grupos siguientes. ![Panel de propiedades del elemento web](https://static.vitextra.com/articles/10233/property-pane-es.png) *Panel de propiedades del elemento web* ### Comportamiento - **Modo de gráfico**: punto de partida del organigrama: - **Toda la empresa**: las raíces son los empleados sin responsable asignado en Microsoft Entra ID, normalmente el director general; debajo aparece toda la jerarquía. - **Empleados que reportan a un usuario específico**: comienza por una persona y muestra a todos los que dependen de ella, en cualquier nivel. Al seleccionarlo aparece **Persona**: escriba un nombre y seleccione al empleado. El organigrama se reconstruye inmediatamente. - **Alineación**: diseño del organigrama, **Alineación horizontal** (árbol de arriba abajo con desplazamiento y zoom) o **Alineación vertical** (lista sangrada compacta para columnas estrechas y móviles). - **Niveles para mostrar**: niveles expandidos al abrir la página, entre 1 y 10; el valor predeterminado es 3. Los niveles inferiores permanecen contraídos hasta que el visitante los expande. - **Mostrar cuadro de búsqueda**: muestra u oculta la búsqueda encima del organigrama. 📝 **Nota** En **Empleados que reportan a un usuario específico**, aparece *Usuario no definido. Seleccione el usuario con el que comenzará a crear el organigrama o cambie al modo Toda la empresa.* hasta seleccionar una persona. Si la cuenta seleccionada se elimina del directorio, aparece *Usuario específico no encontrado en Azure AD.*: seleccione otra persona o vuelva a **Toda la empresa**. ### Filtro Este grupo determina qué empleados se incluyen en el organigrama. - **Filtrado avanzado**: pulse **Editar filtro** para abrir el generador de consultas. Agregue condiciones sobre cualquier atributo de tarjeta -departamento, puesto, ciudad, país, nombre de usuario, etc.- y elija operadores como *es igual a*, *no es igual a*, *contiene*, *No contiene*, *comienza por*, *Termina con*, *Contiene datos* o *No contiene datos*. Combine condiciones y grupos mediante **Y**/**O**. Inicialmente existe la condición **Estado de la cuenta** *es igual a* **Habilitada**. El panel muestra *No se ha aplicado ningún filtro* hasta que se modifica. Además, la consulta de Microsoft Graph excluye siempre las cuentas deshabilitadas, independientemente del filtro. - **Excluir a los empleados sin licencia**: oculta cuentas sin licencia de ::Microsoft 365::, como buzones compartidos y cuentas de servicio; activado de forma predeterminada. - **Excluir empleados con Departamento vacío**: oculta cuentas sin **Departamento**; desactivado de forma predeterminada. - **Excluir empleados con título de trabajo en blanco**: oculta cuentas sin **Puesto**; activado de forma predeterminada. ![Grupo Filtro y generador de consultas](https://static.vitextra.com/articles/10233/filter-group-es.png) *Grupo Filtro y generador de consultas* ❗ **Importante** Los filtros y las exclusiones se aplican después de cargar el directorio y antes de construir el árbol. Si un filtro elimina al responsable pero conserva a sus subordinados, estos pierden la conexión con la jerarquía y desaparecen junto con toda su rama. Al limitar el organigrama a un departamento, compruebe que su responsable también cumpla el filtro. 💡 **Consejo** Consulte un ejemplo de filtro por departamento en [KB50026. Cómo filtrar Organizational Chart para mostrar un departamento específico](https://vitextra.com/es/support/kb/50026). ### Apariencia - **Tamaño**: tamaño de las tarjetas, de 1 (compacto, solo el nombre) a 4 (grande, con fotografía y tres líneas). El valor predeterminado es 4. - **Encabezado**, **Secundario** y **Tercera línea**: atributos mostrados en cada tarjeta. **Encabezado** siempre está disponible; **Secundario** aparece a partir del tamaño 2 y **Tercera línea** solo con el tamaño 4. Puede elegir entre Nombre completo, ID, Departamento, Puesto, Teléfono móvil, Nombre, Apellido, Nombre de usuario, Correo electrónico, Estado o provincia, Código postal, Dirección, Ciudad, País o región y Ubicación de oficina. Los valores predeterminados son Nombre completo, Puesto y Departamento. - **Mostrar el número de subordinados directos**: agrega a cada tarjeta una insignia con el número de subordinados directos; desactivado de forma predeterminada. ![Grupo Apariencia](https://static.vitextra.com/articles/10233/appearance-group-es.png) *Grupo Apariencia* ### Formatos de exportación Las opciones **PDF** y **Jpeg** controlan los formatos disponibles en **Exportar**, encima del organigrama. Ambas están activadas inicialmente; desactive las dos para ocultar el botón. ### Microsoft Teams Este grupo solo aparece cuando el elemento web se ejecuta en Microsoft Teams, como aplicación personal o pestaña de canal. **Guardar la configuración actual como predeterminada de Microsoft Teams** guarda la configuración actual como valor predeterminado para todo el inquilino, de modo que todos los usuarios de la aplicación personal vean el mismo organigrama. Un mensaje confirma que se han guardado las opciones. ### Acerca de Muestra el estado de la licencia -evaluación, activa o caducada-, la versión del producto, el identificador del inquilino y la fecha de inicio, y ofrece acciones relacionadas con la evaluación y la activación. 💡 **Consejo** Para asignar una licencia al inquilino, consulte [KB10037. Cómo administrar su suscripción de Vitextra](https://vitextra.com/es/support/kb/10037). ## Resumen de opciones |::Grupo::|::Opción::|::Valores::|::Predeterminado::| |:---|:---|:---|:---| |Comportamiento|Modo de gráfico|Toda la empresa / Empleados que reportan a un usuario específico|Toda la empresa| |Comportamiento|Persona|Un empleado, solo en el modo de usuario específico|-| |Comportamiento|Alineación|Alineación horizontal / Alineación vertical|Alineación vertical| |Comportamiento|Niveles para mostrar|1 – 10|3| |Comportamiento|Mostrar cuadro de búsqueda|Activado / Desactivado|Activado| |Filtro|Filtrado avanzado|Condiciones del generador de consultas|Estado de la cuenta es igual a Habilitada| |Filtro|Excluir a los empleados sin licencia|Activado / Desactivado|Activado| |Filtro|Excluir empleados con Departamento vacío|Activado / Desactivado|Desactivado| |Filtro|Excluir empleados con título de trabajo en blanco|Activado / Desactivado|Activado| |Apariencia|Tamaño|1 – 4|4| |Apariencia|Encabezado / Secundario / Tercera línea|Uno de 15 atributos del perfil|Nombre completo / Puesto / Departamento| |Apariencia|Mostrar el número de subordinados directos|Activado / Desactivado|Desactivado| |Formatos de exportación|PDF, Jpeg|Activado / Desactivado|Activado, Activado| ## Publicar la página Cuando el organigrama esté listo, pulse **Volver a publicar** o **Publicar** para poner la página a disposición de los visitantes. Las opciones se guardan con la página: todos ven el mismo modo, diseño y filtros. Cada visitante puede cambiar el zoom, las ramas expandidas y la consulta de búsqueda; consulte [KB10234. Organizational Chart: guía rápida para usuarios](https://vitextra.com/es/support/kb/10234). Más información sobre el producto: