Usar elementos web en páginas de SharePoint

Se aplica a
SharePoint Server 2019

Al agregar una página moderna a un sitio, agrega y personaliza elementos web, que son los componentes básicos de la página. Puede agregar texto, imágenes, archivos, vídeo, contenido dinámico y mucho más con los elementos web enumerados en este artículo.

Nota

  • Algunas funcionalidades se introducen gradualmente en las organizaciones que han optado por el programa de versiones dirigidas. Esto significa que es posible que todavía no pueda ver esta característica o que la vea con un aspecto diferente a como se describe en los artículos de ayuda.
  • Los elementos web de este artículo aún no están disponibles para su uso en páginas clásicas.

Agregar un elemento web

Mover o quitar un elemento web

Elementos web disponibles

Elementos web que puede conectar

Modo de mantenimiento de elementos web

Agregar un elemento web (con el panel de contenido)

  1. Vaya a la página donde desee agregar un elemento web.
  2. Si no ve la página del sitio que desea, haga clic en Contenido del sitio en la barra de Inicio rápido, en la lista de contenido, haga clic en Páginas del sitio y, después, haga clic en la página que desee.
  3. Si la página aún no está en modo de edición, haga clic en Editar en la parte superior derecha de la página.
  4. En la parte superior del icono del cuadro de herramientas en el panel de contenido de la derecha, verá una lista seleccionada de elementos web entre los que elegir.
    Elementos web en la caja de herramientas
  5. Para ver todos los elementos web, seleccione Ver todos los elementos web. Encuentre fácilmente lo que busca escribiendo en el cuadro de búsqueda y, a continuación, seleccione o haga clic y arrastre el elemento web al lienzo.
    WebParts enumerados en el nivel 2 de la caja de herramientas
  6. Haga clic en 2df06e97-d19b-485d-9652-88850c375393 para ver una vista de lista o b137d3c3-71b6-459d-9a8f-ffc0f69f8c79 para una vista de cuadrícula. También puede ordenar los elementos web y filtrarlos por categoría en la lista desplegable.
    Filtrado de los elementos web en el nivel 2 de la caja de herramientas

Agregar un elemento web (sin el panel de contenido)

  1. Vaya a la página donde desee agregar un elemento web.

  2. Si no ve la página del sitio que desea, haga clic en Contenido del sitio en la barra de Inicio rápido, en la lista de contenido, haga clic en Páginas del sitio y, después, haga clic en la página que desee.

  3. Si la página aún no está en modo de edición, haga clic en Editar en la parte superior derecha de la página.

  4. Mueva el mouse por encima o por debajo de un elemento web existente y verá una línea con un círculo +, como este:
    Signo más para agregar elementos web a una página

  5. Haga clic en + y verá una lista de elementos web entre los que elegir. Para encontrar fácilmente el elemento web que busca, empiece a escribir en el cuadro de búsqueda .

    8f2d8c8a-66c0-4cbf-aa61-6ce1f7e310de

  6. Haga clic en 2df06e97-d19b-485d-9652-88850c375393 para ver una vista de lista o b137d3c3-71b6-459d-9a8f-ffc0f69f8c79 para una vista de cuadrícula. También puede ordenar los elementos web y filtrarlos por categoría en la lista desplegable.
    09ebc6cd-2cd5-4b58-8716-c67b5b5fa32a

Nota

Este método para agregar elementos web no está disponible en las secciones flexibles. Debe usar el icono del cuadro de herramientas del panel de contenido en el panel de contenido para agregar elementos web en secciones flexibles. 

Mover o quitar un elemento web

  1. Si la página aún no se encuentra en modo de edición, haga clic en Editar en la parte superior derecha de la página.
  2. Seleccione el elemento web que quiera mover o quitar y verá una pequeña barra de herramientas a la izquierda del elemento web.
    Para mover el elemento web, seleccione el botón Mover elemento webIcono Mover y arrastre el elemento web en el lugar de la página que quiera.
    Para quitar el elemento web, seleccione el botón Eliminar elemento webIcono Eliminar elemento web . También puede seleccionar SUPR en el teclado para eliminarlo.

Cambiar el tamaño de los elementos web en secciones flexibles

  1. Si la página aún no se encuentra en modo de edición, haga clic en Editar en la parte superior derecha de la página.

  2. Seleccione el elemento web del que quiere cambiar el tamaño.

  3. Seleccione un controlador de cambio de tamaño en el borde del elemento web y, a continuación, arrastre y coloque el controlador de tamaño al ancho deseado del elemento web.

    Controladores de cambio de tamaño de imagen en la sección flexible

    Nota

    • Los anchos mínimos de los elementos web varían entre los elementos web.
    • Las opciones de ancho del elemento web varían entre los elementos web. Algunos elementos web se pueden cambiar de tamaño a cualquier ancho, mientras que otros solo tienen cuatro opciones de ancho.
    • Se pueden agregar elementos web personalizados o de terceros a secciones flexibles. Estos elementos web se pueden cambiar de tamaño, pero solo tendrán cuatro opciones de ancho de forma predeterminada. Pronto publicaremos documentación con detalles sobre cómo actualizar elementos web personalizados para que se puedan cambiar de tamaño a cualquier ancho.

Superposición y agrupación de elementos web en secciones flexibles

  1. Si la página aún no se encuentra en modo de edición, haga clic en Editar en la parte superior derecha de la página. Para ajustar la forma en que un elemento web se superpone a los demás elementos web de la página, haga clic en Organizar elementos en la barra de herramientas del elemento web. Después, seleccione el resultado deseado de la lista.

    Lista desplegable Organizar elementos en la barra de herramientas del elemento web

  2. Para editar dos o más elementos web a la vez, seleccione un elemento web y, a continuación, mantenga presionado Control (Windows) u Opción (Mac) en el teclado mientras selecciona los otros elementos web. Después, puede mover, organizar, agrupar, duplicar o eliminar los elementos web mediante la barra de herramientas compartida.

    Estado de selección para varios elementos web a la vez

  3. Si selecciona Agrupar en la lista desplegable Organizar elementos , el grupo de elementos web persistirá. En el futuro, cuando seleccione un elemento web de un grupo, se seleccionará el grupo. A continuación, puede volver a hacer clic en un elemento web del grupo para seleccionar y editar el elemento web individual que se encuentra en el grupo.

    Botón Agrupar en la lista desplegable Organizar elementos de la barra de herramientas compartida para los elementos web que se han seleccionado juntos

Elementos web disponibles

A continuación se muestra una lista de elementos web que puede usar en una página, junto con vínculos a más información para cada elemento web.

Asignaciones

El elemento web Tareas muestra a los alumnos una vista personalizada de sus próximas y vencidas tareas en varias clases. Los alumnos pueden seleccionar la tarea que se muestra para ir a su tarea específica en la aplicación Tareas de esa clase.

Nota

El elemento web Tareas solo está disponible para clientes de EDU.

El elemento web Vínculo de agente permite a los propietarios de sitios colocar un agente en una página de SharePoint. Al hacer clic en el enlace, el agente se abre en el panel junto a la página principal. El elemento web Vínculo de agente le ayuda a encontrar y usar los agentes en el sitio, lo que facilita obtener ayuda contextual cuando y donde más la necesite.

Imagen del botón

El elemento web Botón agrega fácilmente un botón a la página con su propia etiqueta y vínculo.

Nota

El elemento web Botón no está disponible en SharePoint Server 2019.

Llamada a la acción

El elemento web Llamada a la acción crea un botón con una llamada a la acción para los usuarios.

Nota

El elemento web Llamada a la acción no está disponible en SharePoint Server 2019.

Fragmento de código

El fragmento web de fragmento de código muestra fácilmente el código como texto en la página para que otros usuarios lo usen o aprendan de él. Puede seleccionar el idioma de código y un tema oscuro o claro. Este elemento web incluso corrige automáticamente la sintaxis.

Nota

El elemento web Fragmento de código no está disponible en SharePoint Server 2019.

Conectores

Con el elemento web Conectores, puede obtener mensajes, alertas y notificaciones de sus servicios externos favoritos en una página de sitio de grupo conectada al grupo. Por ejemplo, puede mostrar actualizaciones de servicios como Trello y Facebook; alertas cuando se publique algo nuevo en una fuente RSS; notificaciones de JIRA o GitHub; o incluso resúmenes de Salesforce y Google Analytics.

Nota

El elemento web Conectores solo está disponible en sitios de grupo conectados al grupo. No está disponible en los sitios de comunicación ni en ningún otro sitio de SharePoint Server 2019.

Conversaciones

El elemento web Conversaciones presenta varios tipos de conversación y una experiencia de usuario más interactiva. Conversaciones de Viva Engage y aspectos destacados de Viva Engage Los elementos web trabajan juntos para mejorar la colaboración en la página moderna de SharePoint en Microsoft 365. Use este elemento web cuando desee que los usuarios participen en conversaciones interactivas sin salir de la página de SharePoint.

Temporizador de cuenta regresiva

El elemento web Temporizador de cuenta atrás muestra una cuenta atrás (o cuenta atrás) para un evento. Puede agregar un título, establecer el formato de fecha, agregar una descripción y un botón de llamada a la acción con un vínculo.

Nota

El elemento web Temporizador de cuenta atrás no está disponible en SharePoint Server 2019.

Divisor

El elemento web Divisor inserta una línea entre otros elementos web para ayudar a dividir la página y facilitar la lectura.

Biblioteca de documentos

El elemento web Biblioteca de documentos muestra una biblioteca de documentos que puede personalizar con su propio título, vista y tamaño. Los usuarios con los permisos adecuados pueden ver o editar archivos directamente desde el elemento web o pueden ir a la biblioteca de documentos completa haciendo clic en Ver todo.

Insertar

El elemento web Insertar muestra contenido en la página de otros sitios, como vídeos de YouTube. Según el sitio, puede usar la dirección del sitio o el código para insertar que proporciona el sitio.

Eventos

El elemento web Eventos permite agregar y mostrar los próximos eventos en la página. Puede incluir un mapa con la ubicación, información de la reunión en línea y mucho más.

Fuente para Viva Connections

La fuente para el elemento web Viva Connections está diseñada para recopilar y mostrar contenido de orígenes en SharePoint, Viva Engage y Stream (en SharePoint) en una única experiencia de visualización personalizada basada en los sitios de SharePoint y las comunidades de Viva Engage que sigue.

Archivos y medios

El elemento web Archivos y elementos multimedia insertan un archivo en la página. Entre los tipos de archivo que puede insertar se incluyen Excel, Word, PowerPoint, Visio, etc. PDFs, modelos 3D, vídeos y mucho más.

Nota

Nota: En SharePoint Server 2019, los tipos de archivo que se pueden insertar se limitan a Word, Excel y PowerPoint (específicamente .doc, .docx,. xls, .xlsx, .pot, .potx, .ppt y .pptx).

Calendario de grupo

El elemento web Calendario de grupo coloca un calendario de grupo directamente en la página para que sea fácilmente visible para los lectores.

Nota

El elemento web Calendario de grupo no está disponible en SharePoint Server 2019.

Elemento principal

El elemento web Elemento principal es una forma excelente de atraer la atención y el interés visual a la página. Puede mostrar hasta cinco elementos en el elemento web Hero y usar imágenes, texto y vínculos atractivos para llamar la atención sobre cada uno. El elemento web Imagen prominente se incluye de forma predeterminada en sitios de comunicación, pero también se puede agregar el elemento web Imagen prominente a otras páginas.

Contenido destacado

El elemento web Contenido resaltado muestra de forma dinámica el contenido según el tipo de contenido (documentos, páginas, noticias, vídeos, imágenes, etc.), el filtrado o una cadena de búsqueda. También puede establecer el ámbito de la búsqueda en un sitio o colección de sitios y ordenar los resultados.

Aspectos importantes

Use el elemento web Aspectos destacados para agregar experiencias de Viva Engage a sus sitios de SharePoint. El elemento web Aspectos destacados de Viva Engage le permite proporcionar una visión general rápida de las conversaciones activas y un portal específico para grupos o conversaciones específicos. El elemento web Conversaciones de Viva Engage permite a los usuarios ver conversaciones completas e iniciar conversaciones nuevas de todo tipo (preguntas, sondeos y elogios).

Imagen

El elemento web Imagen de una página inserta una imagen en la página, ya sea desde su sitio, su OneDrive o su disco duro.

El elemento web Galería de imágenes comparte colecciones de imágenes en una página. Solo tiene que seleccionar las imágenes con el selector de archivos o arrastrarlas al elemento web. Una vez que haya creado la colección, puede arrastrar y colocar las imágenes para reordenarlas según sea necesario.

Vista previa instantánea de Kindle

¿Tiene algún libro que quiera recomendar o promocionar en su página? El elemento web Vista previa instantánea de Kindle comparte una vista previa de un libro Kindle.

Nota

El elemento web Kindle Instant Preview no está disponible en SharePoint Server 2019.

El elemento web Vínculo agrega un vínculo a una página, vídeo, imagen o documento interno o externo.

Nota

El elemento web Vínculo no está disponible en SharePoint Server 2019.

Lista

El elemento web Lista muestra una lista que puede personalizar con su propio título, vista e incluso tamaño. Los usuarios pueden ver la lista o ir a la lista completa haciendo clic en Ver todo.

Enumerar propiedades

El elemento web Propiedades de lista se conecta a un elemento web de lista en la misma página y muestra los elementos de la lista en función de lo que seleccione un usuario.

Nota

El elemento web Propiedades de lista no está disponible en SharePoint Server 2019.

Mapas

El elemento web Usar mapas agrega un mapa a la página. Simplemente ingrese una dirección o un nombre conocido y aparecerá su mapa. Puede elegir un tipo de mapa diferente, como carretera o satélite. También puede cambiar el nivel de zoom o asignar un nombre descriptivo a la chincheta del mapa.

Nota

El elemento web Mapas no está disponible en SharePoint Server 2019.

Markdown

El elemento web Markdown agrega texto a la página y le permite darle formato con el lenguaje Markdown.

Nota

El elemento web Markdown no está disponible en SharePoint Server 2019.

Microsoft Forms

El elemento web de Microsoft Forms puede crear encuestas, cuestionarios y sondeos en una página. También puede recopilar respuestas a los formularios y mostrar los resultados de los formularios.

Nota

El elemento web de Microsoft Forms no está disponible en SharePoint Server 2019.

Microsoft PowerApps

Microsoft PowerApps es un servicio que le permite crear aplicaciones empresariales que se ejecutan en un explorador o en un teléfono o tableta, sin necesidad de tener experiencia en codificación. Una vez que haya creado o personalizado una aplicación con el servicio, puede agregarla a su página de SharePoint con el elemento web Microsoft PowerApps. Solo tiene que escribir la dirección web de la aplicación o el id. de la aplicación y, a continuación, cambiar el tamaño de la aplicación para que se ajuste a la página.

Nota

El elemento web de PowerApps no está disponible en SharePoint Server 2019.

Mi fuente

El elemento web Mi fuente muestra una combinación de contenido de Microsoft 365, en función de lo que es probable que sea más relevante para el usuario actual en un momento dado.

Importante

Mi elemento web Fuente se retirará pronto. El 12 de marzo de 2025, ya no podrá agregar instancias del elemento web Mi fuente. El 14 de abril de 2025, las instancias existentes del elemento web Mi fuente dejarán de mostrar contenido y, en su lugar, mostrarán un mensaje de error.

Noticias

El elemento web Noticias mantiene al equipo informado y les involucra con historias importantes o interesantes. Puede crear rápidamente publicaciones atractivas como anuncios, noticias de personas, actualizaciones de estado y muchas más, que pueden incluir gráficos y formato enriquecido.

Conectores de Office 365

El elemento web Conectores de Office 365 proporciona una forma fácil de obtener mensajes, alertas y notificaciones de sus servicios externos favoritos en una página de sitio de grupo conectada al grupo. Puede mostrar actualizaciones de servicios, alertas en fuentes RSS, notificaciones de JIRA o GitHub e incluso mostrar resúmenes de Salesforce y Google Analytics.

Organigrama

Use el elemento web Organigrama para mostrar un organigrama visual eligiendo una persona en torno a la cual construir el gráfico. Puede especificar cuántos niveles de informes desea mostrar.

Propiedades de página

El elemento web Propiedades de página proporciona detalles sobre la página, como el título, la fecha, el tipo de contenido y mucho más.

Nota

El elemento web Propiedades de página no está disponible en SharePoint Server 2019.

Contactos

El elemento web People muestra un grupo seleccionado de personas y sus perfiles en la página. Se puede usar para información de contacto, información del equipo, presentadores y mucho más.

Planner

El elemento web Planner agrega las tareas y asignaciones de su equipo en una página con Microsoft Planner.

Nota

El elemento web Planner solo está disponible en sitios de grupo conectados al grupo. No está disponible en los sitios de comunicación ni en ningún otro sitio de SharePoint Server 2019.

informe de Power BI

El elemento web de Power BI inserta fácilmente un informe interactivo de Power BI en la página. Los informes integrados son totalmente seguros, por lo que puede crear fácilmente portales internos seguros.

Nota

El elemento web Power BI no está disponible en SharePoint Server 2019.

Gráfico rápido

El elemento web Gráfico rápido agrega gráficos sencillos a la página. Introduce tus puntos de datos, agrega etiquetas, elige tu tipo de gráfico (columna o circular) y publica.

El elemento web Vínculos rápidos "ancla" elementos a la página para facilitar el acceso.

Documentos recientes

El elemento web Documentos recientes muestra los documentos que se han agregado o editado recientemente.

Nota

El elemento web Documentos recientes no está disponible en SharePoint Server 2019.

Guardado para más tarde

El elemento web Guardado para más tarde permite a los usuarios guardar páginas, publicaciones de noticias y documentos para verlos más adelante en SharePoint con este elemento web.

Importante

Solo se pueden guardar páginas y publicaciones de noticias para más tarde en el explorador. En la aplicación móvil de SharePoint, también puede guardar documentos para más tarde.

Actividad del sitio

El elemento web Actividad del sitio muestra automáticamente la actividad reciente en el sitio, como archivos cargados, ediciones realizadas, listas y bibliotecas creadas, etc. Solo tiene que agregar el elemento web Actividad del sitio y la actividad más reciente se introducirá automáticamente.

Sitios

El elemento web Sitios permite mostrar automáticamente los sitios asociados a un sitio central (cuando un sitio central está en uso) o los sitios recientes de un usuario actual (que son los mismos que se muestran en la página principal de SharePoint del usuario). Puede seleccionar sitios específicos para mostrar o hacer que los sitios se muestren dinámicamente en función de una asociación del sitio central o de los sitios que un usuario use con más frecuencia.

Nota

El elemento web Sitios no está disponible en SharePoint Server 2019.

Espaciado

El elemento web Espaciador le permite controlar el espacio vertical de la página.

Stream (clásico)

El elemento web de Stream (clásico) muestra un vídeo directamente en su página desde el portal de vídeo de Microsoft Stream (clásico) de su organización.

Texto

El elemento web Texto agrega párrafos y tablas a la página. Están disponibles opciones de formato, como estilos, viñetas, sangrías, resaltado y vínculos.

Tiempo

El elemento web El tiempo muestra el tiempo actual en la página.

Nota

El elemento web El tiempo no está disponible en SharePoint Server 2019.

Reloj mundial

El elemento web Reloj mundial muestra la hora en diferentes ubicaciones del mundo.

Nota

El elemento web Reloj mundial no está disponible en SharePoint Server 2019.

YouTube

El elemento web de YouTube inserta fácilmente vídeos de YouTube directamente en tu página.

Nota

El elemento web de YouTube no está disponible en SharePoint Server 2019.

Elementos web que puede conectar

Nota

Las características enumeradas en esta sección no están disponibles en SharePoint Server Edición de Suscripción ni en SharePoint Server 2019.

Puede conectar algunos elementos web entre sí para crear una experiencia interactiva y dinámica para los usuarios que ven la página. Por ejemplo, puede conectar un elemento web de biblioteca de documentos a un elemento web Visor de archivos y medios. Cuando un usuario hace clic en un nombre de archivo en la lista de la biblioteca de documentos, el visor de archivos y multimedia muestra el contenido de ese archivo específico. También puede conectar un elemento web de lista o un elemento web de biblioteca de documentos a un elemento web Insertar y agregar código personalizado para diversas experiencias dinámicas.

Entre los elementos web que puede conectar se incluyen: el elemento web Propiedades de lista, el elemento web Visor de archivos y medios y el elemento web Incrustar.

Para obtener información y ejemplos, vea Conectar elementos web en SharePoint.

Modo de mantenimiento de elementos web

¿Tienes problemas con los elementos web que has puesto en una página? Intente usar el modo de mantenimiento de elementos web para ayudar a solucionar el problema.